HTML5/CSS3/JavaScript技术大全
上QQ阅读APP看书,第一时间看更新

3.3.3 颜色属性color❹

在html页面中,还可以通过不同的颜色表现不同的文字效果,从而增加网页的亮丽色彩,吸引浏览者的注意。

语法格式:

<font color="字体颜色">…</font> 

语法说明:

color属性用来定义文字的颜色,它可以和<font>元素的其他属性一起配合定义字体的各种样式,各个属性之间没有先后次序。

应用举例(font_color.html):

<html> 
<head> 
<meta http-equiv="Content-Type" content= ext/html; charset=gb2312" /> 
<title>使用颜色属性</title> 
</head> 
<body> 
<p><font face="宋体" size="4" color="red">
祝您好运</font></p> 
<p><font face="方正姚体"  size="-1" color= 
"blue">我们手牵手</font></p> 
<p><font face="隶书" size="+1" color= 
"green">明媚的阳光</font></p> 
</body> 
</html> 

代码说明:

以上代码中,加粗的部分使用color属性设置字体颜色。其中第1行设置为“red”;第2行设置为“green”;第3行设置为“blue”。

在Chrome浏览器中显示效果如图3-12所示。

47140-00-048-1.jpg

图3-12 颜色属性设置