3.2 设置字体颜色

通常在网页中看到的五彩缤纷的字体,有清新一点的、有淡薄一点的,颜色搭配好了,用户从视觉上认可该网页,这样才有可能继续读下去。字体颜色的语法简单易学,是用color来表示,语法形式如下。


<font color=""></font>


标记<font>中的参数color后面可以接RGB颜色值,如#000000。也可以用颜色的单词表示,如red。完整实例代码如代码3.2所示。

代码3.2 源代码\第3章\颜色值表示的两种方式.html


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

01 <html>

02 <head>

03 <title>字体颜色</title>

04 </head>

05 <body>

06 <!—下一行表示文本颜色为红色—>

07 <font color="red">html+css完全自学手册</font>

08 <br>

09 <!—下一行表示文本颜色为#cccccc—>

10 <font color="#cccccc">html+css完全自学手册</font>

11 </body>

12 </html>


【代码解析】在代码第7行的字体标记<font>中,设置color参数值分别为红色(red)和#cccccc,在两行文字中表示两种不同颜色,同理,如果想设置更多文字颜色,可以在<font>标记中包含文字,并设置参数color值,被包含的文字正是字体颜色设置的区域,代码3.2的运行效果如图3.2所示。

3.2 设置字体颜色 - 图1

图 3.2 字体颜色

技巧根据W3C标准,建议读者设置字体颜色时,尽量用以后会学到的CSS的color属性。