HTML设置字体颜色的方法(图文)
在HTML页面中,还可以通过不同的颜色表现不同的文字效果,从而增加网页的亮丽色彩,吸引浏览者的注意。
如今网页排版愈发复杂,布局样式都需要通过CSS来实现。采用CSS技术可以方便有效地对页面布局,更加精确地控制网页的字体、颜色、背景和其他效果。内容相同的网页,只需要对CSS样式进行一些改变,就可以实现不同的页面外观和格式。
方式一:HTML命令方式
<font color="red">这里是红色</font>
方式二:内联CCS样式
<div style="color:blue">这里是蓝色</div>
方式三:独立CCS样式
<div id="div1">这里是绿色</div>
通过HTML基础的学习,可以掌握如何运用文字、段落、列表、图像、超链接及多媒体文件等标记及属性设置来简单美化网页,但在网页设计过程中经常会遇到需要对网页中的同样的内容进行重复的属性设置,这既浪费时间,也增加了代码冗余,还带来了后期网站改版维护同难等诸多问题,CSS就是为了简化页面元素修饰、美化工作而诞生的。所以引入CSS层叠样式表,主要是为了实现对网页的字体、颜色、布局等元素进行精确控制,解决网页内容与网页表现分离的问题,进一步提高网站的可维护性,方便网站快速重构,实现网站定期换肤的功能。
CSS使用color属性设置字体颜色。color属性用于检索或设置对象的文本颜色,无默认值。注意,用颜色名称指定color不被一些浏览器接受。但使用RGB值指定颜色能被所有浏览器识别并正确显示。
【语法】
color:color
【取值】
color:指定颜色
颜色单位:#RRGGBB,rgb(R,G,B),
.#RRGGBB
【参数】
RR:红色值。十六进制正整数
GG:绿色值。十六进制正整数
BB:蓝色值。十六进制正整数
【说明】
以上三个参数的取值范围为00~FF。参数必须是两位数,对于只有一位的,应在前面补零。如果每个参数各自在两位上的数字都相同,那么本单位也可缩写为#RGB的方式。例如,#FF8800可以缩写为#F80。
.rgb(R,G,B)
【参数】
R:红色值。正整数 百分数
G:绿色值。正整数 百分数
B:蓝色值。正整数 百分数
【说明】
以上三个参数,正整数值的取值范围为0~255,百分数值的取值范围为0.0%~100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。
.ColorName
ColorName即颜色名称。不同的浏览器会有不同的预定义颜色名称,例如color:red。