下面我们做一个这样的链接：未被点击时超链接文字无下划线，显示为蓝色；当鼠标在链接上时有下划线，链接文字显示为红色；当点击链接后，链接无下划线，显示为绿色。

实现方法很简单，在源代码的<head>和<head>之间加上如下的CSS语法控制：

Javascript代码 使用CSS去除 去掉超链接的下划线方法 _下划线 使用CSS去除 去掉超链接的下划线方法 _下划线_02
  1. <style type="text/css">   
  2. 　　 <!--   
  3. 　　 a:link { text-decoration: none;color: blue}   
  4. 　　 a:active { text-decoration:blink}   
  5. 　　 a:hover { text-decoration:underline;color: red}    
  6. 　　 a:visited { text-decoration: none;color: green}   
  7. 　　 -－>    
  8. 　　 </style>  


其中：
a:link 指正常的未被访问过的链接；
a:active 指正在点的链接；
a:hover 指鼠标在链接上；
a:visited 指已经访问过的链接；
text-decoration是文字修饰效果的意思；
none参数表示超链接文字不显示下划线；
underline参数表示超链接的文字有下划线
-------------------------------------------------------------------------
演示：让网页中的链接去掉下划线

Java代码 使用CSS去除 去掉超链接的下划线方法 _下划线 使用CSS去除 去掉超链接的下划线方法 _下划线_02
  1. <style type="text/css">    
  2. <!--    
  3. A { text-decoration: none}    
  4. -->    
  5. </style>  


将代码插入在<head></head>之间.<title>之前即可