目录

11.3、CSS颜色值

2017年09月20日 08:41 | 2831次浏览 作者原创 版权保护

在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种:

1、英文命令颜色

前面几个小节中经常用到的就是这种设置方法:

p{color:red;}

2、RGB颜色

这个与 photoshop 中的 RGB 颜色是一致的,由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。

p{color:rgb(133,45,200);}

每一项的值可以是 0~255 之间的整数,也可以是 0%~100% 的百分数。如:

p{color:rgb(20%,33%,25%);}

3、十六进制颜色

这种颜色设置方法是现在比较普遍使用的方法,其原理其实也是 RGB 设置,但是其每一项的值由 0-255 变成了十六进制 00-ff。

p{color:#00ffff;}

配色表:

练习

新建示例页面demo.html,示例代码如下

我来试试:为示例页面设置文本颜色为#0fc;

示例代码

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>颜色值</title>
<style type="text/css">

</style>
</head>

<body>
    <p>当我还是三年级的学生时是一个害羞的小女生。</p>
</body>
</html><!-- V型知识库 -->



小说《我是全球混乱的源头》
此文章本站原创,地址 https://www.vxzsk.com/1436.html   转载请注明出处!谢谢!

感觉本站内容不错,读后有收获?小额赞助,鼓励网站分享出更好的教程


上一篇:Set和Map数据结构 下一篇:11.4、CSS长度值
^