16.2　字体颜色

在网页中会呈现出五颜六色的文字，这都由字体颜色所决定的，字体颜色在HTML也介绍过，那只是HTML中的font标记，而本节要学习的是用CSS来控制字体颜色，达到轻量级代码重量级的效果。

字体颜色是对对象的字体设置颜色，用color表示，无默认值，所接的值是颜色值，颜色值的表示方法在本书也有介绍，但常用的是#RRGGBB，本书的实例大部分采用此方式。其语法形式如下。

/CSS代码：设置字体颜色/

color：颜色值

颜色值表示方法有三种，#RRGGBB、rgb（R, G，B）和颜色名。建议使用#RRGGBB，所有浏览器都支持这种颜色值。以下代码表示了一个层中的字体，其颜色是红色。

代码16.2　源代码\第16章\设置字体颜色.html

———————————————文件名：字体颜色.html——————————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞字体颜色＜/title＞

04 ＜style type="text/css"＞

05 /设置所有标记DIV的字体颜色/

06 Div

07 {

08 color：#ff0000；

09 }

10 ＜/style＞

11 ＜/head＞

12 ＜body＞

13 ＜div＞HTML+CSS完全自学手册＜/div＞

14 ＜/body＞

15 ＜/html＞

【代码解析】用CSS设置字体颜色，首先在＜html＞和＜body＞中插入＜style＞标记对，在里面设置所有的DIV的字体颜色值为ff0000（代码第8行），即红色，效果如图16.2所示。

图　16.2　字体颜色

技巧　字体颜色设置可以对不同的标记，如上面的DIV，也可以对p标记或h1等不同的对象设置不同的颜色。