大可论坛吧 关注:2贴子:460
  • 2回复贴,共1

如何去掉超链接的下划线

只看楼主收藏回复

 
如何去掉超链接的下划线 
 

  我们可以用CSS语法来控制超链接的形式、颜色变化。 

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

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

  <style type="text/css">
   <!--
   a:link{text-decoration: none;color: black}
   a:active{text-decoration:blink}
   a:hover{text-decoration:underline;color: red}
   a:visited{text-decoration: none;color:green}
   --> 
   </style> 

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

  



  同样,如果讲none替换成overline则给超链接文字加上划线,换成line-through给超链接文字加上删除线,blink则使文字在闪烁 
 



1楼2004-02-28 01:12回复
    若只对特定链接使用,则链接语法为
    <ahref="你的链接"style=text-decoration:none></a>


    2楼2004-02-28 01:15
    回复
      方法很简单,就是将光标移至超链接末尾,按一下清除键,即backspace键即可


      3楼2007-10-17 17:30
      回复