a:link { text-decoration: none} //a:link 指正常的未被访问过的链接
a:active { text-decoration: none } //a:active 指点击链接的瞬间出现的链接情况
a:visited { text-decoration: none } //a:visited 指已经访问过的链接
a:hover { text-decoration: none} //a:hover 指鼠标放上去链接出现的情况
hover是一个经常会被混淆的属性，一般大家都认为链接是三个属性：link,active,visited，而且一般的网页制作软件里也只有这三个设置，但是hover其实也是一个非常重要的属性，它还可以在链接上加上背景色（BACKGROUND:#ccffcc），其它的设置与上面三个一样，所以大家现在可以记住，链接上可以做四个属性设置，分别是：link,active,visited,hovertext-decoration是文字修饰效果的意思，none参数表示使有超级链接的文字不显示下划线。如果讲none替换成underline就表示有下划线，换成overline则给超连文字加上划线，换成 line-through给超连文字加上删除线。还有一个是blink参数，顾名思义是闪烁效果，但是他要在NetScape浏览器上才能显示。
二、使粗体文字加上删除线。粗体文字使用的代码是：B { text-decoration: line-through }使粗体文字中所有的字母大写。使用代码： B { text-transform: uppercase }（这个在NS中才显示出来，IE没有相应效果显示）产生既大写，又有颜色，又有删除线的效果的代码是：b { text-decoration: line-throughtext-transform: uppercasecolor: #66FFFF} 。另外，用lowercase使所有字母小写显示，capitalize 使每个单词的首字母大写显示。
三、产生链接变色效果：经过在对链接的几个属性进行颜色设置后，可以使具有link,active,visited属性的链接显示不同的颜色，但是却不会产生鼠标覆盖变色效果。
a:link { text-decoration: none color: green } //正常链接文字显示绿色
a:active { text-decoration: none color: yellow } //点击瞬间的链接显示黄色
a:visited { text-decoration: none color: red } //已经访问过的链接显示红色要想产生鼠标放上去产生变色效果，就要用到另一个属性了,这就是 hover。如：a:hover { text-decoration: none color: yellow；background:white} 表示鼠标移动到链接文字上时，文字修饰风格为“无”，同时链接文字显示黄色，链接文字的底色显示为白色。四、看一下下面链接设置的总体运用情况：
a:link { text-decoration: none color: blue font-size: 9pt }
a:active { text-decoration: underline color: yellowfont-size: 10pt }
a:visited { text-decoration: none color: redfont-size: 10.5pt }
a:hover { text-decoration: underlinecolor: green font-size: 11ptbackground:white}上面这样设置含义为：
a:link 链接文字没有下划线，蓝色（blue）显示，字为9pt大小；
a:active鼠标点击链接的瞬间文字再现下划线，颜色变成黄色（yellow），并且文字大小变成10pt；
a:visited 访问过的链接没有下划线，文字变成红色（red），同时文字大小变成10.5pt；
a:hover鼠标放到链接上时出现下划线，颜色为绿色（green），字符大小11pt，同时文字上出现一个白色（white）的背景区域。
先一个例子，比如说下面这段代码：
<style type="text/css">
a:link {text-decoration:nonecolor:blue}
a:hover {text-decoration:underlinecolor:red}
a:active {text-decoration:nonecolor:yellow}
a:visited {text-decoration:nonecolor:green}
</style>
其效果是：未被点击时超链接文字无下划线，显示为蓝色；当鼠标放在链接上时有下划线，链接文字显示为红色；当点击链接时，即链接被激活，链接无下划线，显示为黄色；当点击链接后，也就是链接已被访问过后，链接无下划线，显示为绿色。
其中：
a:link 指正常的未被访问过的链接；
a:hover 指鼠标在链接上；
a:active 指正在点的链接；
a:visited 指已经访问过的链接。
参数设置：
text-decoration是文字修饰效果的意思；none参数表示超链接文字不显示下划线；underline参数表示超链接的文字有下划线；如果是overline则给超链接文字加上划线；换成line-through则是给超链接文字加上删除线；blink则使文字在闪烁。
color:blue，color:red等是给链接文字加颜色。
还可以添加其他参数，如：
font-weight:bold给链接文字加粗；font-size:16pt设置链接文字字体大小；background:#ffd306给链接文字加背景颜色；font-style:italic链接文字倾斜；border-bottom:1px dashed #51bfe0给链接文字加虚线，其中1px是虚线的粗细度，数值越大越粗，dashed表示虚线，#51bfe0是虚线颜色，如果要给链接文字加虚线的话，就不用加下划线了。
例如下面这两段代码：
<style type="text/css">
a:hover {text-decoration:noneborder-bottom:1px dashed red}
</style>
其效果是当鼠标放在链接上的时候链接出现红色虚下划线。
<style type="text/css">
a:hover {text-decoration:underlinefont-weight:boldcolor:redbackground:bluefont-style:italic}
</style>
其效果就是当鼠标放在链接上的时候，链接有下划线，字体加粗，链接文字为红色，背景为蓝色，文字倾斜。
如果要去掉所有链接的下划线则可以用下面这段代码：
<style type="text/css">
a:link,a:hover,a:active,a:visited{text-decoration:none}
</style>
参考：http://zrc870828.bokee.com/viewdiary.14711668.html
