css 字体颜色(css color)
DIV CSS 字体颜色 字体颜色\css color 知识实例讲解
在 DIV+CSS 网页中控制字体颜色的 CSS 单词为 color:+颜色值。
这里 DIVCSS5 详细为大家介绍 CSS 字体颜色 color 的运用(div color)CSS 颜色。
目录
1. 2. 3. CSS 字体颜色 color 基础 CSS 字体颜色控制实例 CSS 超链接的字体颜色控制
1、CSS 字体颜色 color 基础 、
-
TOP
在 HTML 控制字体颜色 color="#0000FF"，实例： <font color="#0000FF">我的颜色为蓝色#0000FF</font> 示图：
说明：根据以上实例可知道原始的 html 字体颜色控制使用<font color="#0000FF"></font>,而 color 为颜色、#0000FF 则是对于颜色编码 值
在 CSS 字体颜色(CSS color)控制，则为 color:+颜色编码值如：color:#F00;
2、CSS 字体颜色控制实例 、
CSS 代码：.divcss5{ color:#F00;}
-
TOP
HTML 代码：<div class="divcss5">我的颜色 CSS 控制为红色#F00</div>
示图：
说明：根据以上示例说明通过 CSS 控制字体颜色代码为 color:+颜色编码值
此实例完整的 DIV+CSS 代码：
<!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>DIVCSS5 对 CSS 颜色实例演示</title> <style> .divcss5{ color:#F00;} /* #F00 为红色 示例 */ </style> </head> <body> <font color="#0000FF">我的颜色为蓝色#0000FF</font> <br /><br /> <div class="divcss5">我的颜色 CSS 控制为红色#F00</div> </body> </html>
以上为完整的 CSS 字体颜色实例，包括了原始的 HTML 控制字体颜色和 DIV CSS 控制字体颜色。
3、CSS 超链接的字体颜色控制 、
首先我们认识下 CSS 超链接基础 a:active 是超级链接的初始状态 a:hover 是把鼠标放上去时的状况 a:link 是鼠标点击时
-
TOP
a:visited 是访问过后的情况 这几个 CSS 样式一般情况下是默认的。
那 CSS 控制超链接的字体颜色 CSS color 是怎么实现的呢？ 很简单和上面第 2 点的实例相同，唯一区别在于设置他们的对象为超链接 A 标签 CSS 样式。
实例： Css 代码： a{ color:#00F}/* 带超链接字体为蓝色 */ a:hover{ color:#F00;}/* 鼠标放到超链接字上字体颜色为红色 */ 对应 html 内容 我是<a href="">DIV CSS 教程</a>实例关于超链接字体颜色
演示结果是“DIV CSS 教程”这个被超链接的文本鼠标经过时候字体颜色为红色，鼠标未经过或鼠标未放到此超链接文字内容上时字体颜 色为蓝色。
此完整 DIV CSS 代码（包括 1、2 的实例代码）：
<!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>DIVCSS5 对 CSS 颜色实例演示</title> <style> .divcss5{ color:#F00;} /* #F00 为红色 示例 */ a{ color:#00F}/* 带超链接字体为蓝色 */ a:hover{ color:#F00;}/* 鼠标放到超链接字上字体颜色为红色 */ </style> </head> <body> <font color="#0000FF">我的颜色为蓝色#0000FF</font> <br /><br /> <div class="divcss5">我的颜色 CSS 控制为红色#F00</div> <br> <br> 我是<a href="">DIV CSS 教程</a>实例关于超链接字体颜色 </body> </html>
这里就不再演示截图，大家可以拷贝以上代码，自己亲自实践实践掌握 DIV CSS 字体颜色 CSS color 知识点。
。