控制背景色和前景色

你应当已经对颜色属性非常地熟悉了，你可以使用这一属性来为你的文本指定前景色，如下所示：

<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值而不是十六进制的值。最后一个规则使用了百分数。

注意

Internet 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 具有背景色的文字