CSS速成指南(11)

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%)。

读书导航