2.7  颜色

使用color和background-color属性(或给background属性提供单个参数)可将颜色应用于文本和对象的前景和背景。指定的颜色可以是命名颜色(如red或blue)、通过十六进制的RGB三色组创建的颜色(如#ff0000或#0000ff)或是使用CSS函数rgb()创建的颜色。

由W3C(w3.org)标准化组织定义的标准16色的名称为aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white和yellow。下列规则使用其中一种为ID为object的对象设置背景色。

#object { background-color:silver; }

在下列规则中，所有div中的文本的前景色被设置为黄色，因为在计算机中，十六进制颜色值ffff00(其中前两位ff是红色值，中间两位ff是绿色值，最后两位00是蓝色值)将显示黄色：

div { color:#ffff00; }

或者，如果不采用十六进制，可使用rgb()函数指定三色组，如下规则所示，它将当前文档的背景色改为浅绿色。

body { background-color:rgb(0, 255, 255); }

提示：

如果不想将每种颜色按256级分，可在rgb()函数中使用百分数。值从0~100，表示从基本色的最低值(0)到最高值(100)，如rgb(58%,95%,74%)。也可以使用浮点值获得更好的颜色控制，如rgb(23.4%,67.6%,15.5%)。