控制背景色和前景色
你应当已经对颜色属性非常地熟悉了,你可以使用这一属性来为你的文本指定前景色,如下所示:
<HTML>
<HEAD>
<TITLE> Style </TITLE>
<STYLE>
<!--
.Teal {color: teal}
.Red {color: #FF0000}
.Green {color: #0F0}
.Blue {color: RGB(0,0,255)}
.AlsoBlue {color: RGB(0%,0%,100%)}
-->
</STYLE>
</HEAD>
<BODY>
<P CLASS=Teal> This text is teal. </P>
<P CLASS=Red> This text is red. </P>
<P CLASS=Green> This text is green. </P>
<P CLASS=Blue> This text is blue. </P>
<P CLASS=AlsoBlue> This text is also blue. </P>
</BODY>
</HTML>
在此例中,文本的颜色通过五种不同的方法来设定。第一条规则在声明中使用了颜色关键字teal。第二条规则使用了一个标准的六位的十六进制RGB值。第三个规则也使用了一个十六进制RGB值,但只是为每一种颜色分量使用了一位数字。第四条规则使用了一个十进制的RGB值而不是十六进制的值。最后一个规则使用了百分数。
注意
Inte.net Explorer 3.0不能识别上述指定颜色值的后两种方法。这个浏览器只能接受颜色关键字和六位或三位的十六进制的颜色值。
你也可以使用同样的方法来为background属性提供值,background属性可以用来控制你的文本的背景颜色。例如,在下面的例子中,background属性使在段落中的第一个字以绿色的背景显示出来(见图7.30):
<HTML>
<HEAD>
<TITLE> Style </TITLE>
<STYLE>
<!--
.Green {background: green}
-->
</STYLE>
</HEAD>
<BODY>
<P> <SPAN CLASS=Green> The </SPAN> first word of this
paragraph has a green background color.
</P>
</BODY>
</HTML>
图7.30 具有背景色的文字