a{
color:#f00/*颜色自定义*/font-family:"楷体"
font-size:20px}/*未访问的链接,已访问的链接,点击激活链接*/
a:hover{
color:#0f0/*颜色自定义*/}}/*
鼠标在链接上
*/
另一种方法
a:link{
color:#f00/*颜色自定义*/font-family:"楷体"
font-size:20px}
/*
未访问的链接
*/
a:visited{color:#f00/*颜色自定义*/}
/*
已访问的链接
*/
a:hover{
color:#0f0/*颜色自定义*/}/*
鼠标在链接上
*/
a:active{
color:#660099/*颜色自定义*/}/*
点击激活链接
*/
一楼的方式只能在IE7以上的浏览器才能实现。如果在IE6下是无效的。而且用TAGNAME的方式来改样式，会令到所有DIV下的A标签颜色改变。
CSS设置一个连接一种颜色的方式有2种：
1、
.nav a:link,.nav a:visited{color:#0070C0}
.nav a:hover,.nav a:active{color:#F60}
<div class="nav"><a href="#">测试颜色改变</a></div>
当然，如果都要不同的颜色，可以全部都分开；
2
a.nav:link,a.nav:visited{color:#0070C0}
a.nav:hover,a.nav:active{color:#F60}
调用方式：<a class="nav" href="#">测试颜色变化</a>
上面两种方式我都是经常用的。
使用外部CSS，可以将CSS代码单独放到CSS文件里使用html link引入CSS(html引人css)，也可以在html使用<style>标签，建立CSS。也可以在html标签内使用style属性设置css颜色。
CSS工作原理
CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。
样式规则是可应用于网页中元素，如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页通过一个特殊标签链接外部样式单。
名称CSS中的"层叠(cascading)"表示样式单规则应用于HTML文档元素的方式。具体地说，CSS样式单中的样式形成一个层次结构，更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定，从而实现级联效果。
