HTML去掉超链接下划线

1.软文推荐

2.软文推荐

3.软文推荐

摘要：本文将从HTML去掉超链接下划线的四个方面做详细阐述，以帮助读者快速了解HTML去掉超链接下划线的方法。

图片:

使用CSS样式可以轻松去掉超链接下划线。代码如下：

a {text-decoration:none;}

或者也可以针对部分链接进行操作：

a:hover {text-decoration:none;}

这种方式可以同时解决超链接和鼠标悬浮下划线的问题。

使用JavaScript也可以去掉超链接下划线，代码如下：

window.onload=function(){
  var a=document.getElementsByTagName("a");
  for(var i=0;i<a.length;i++){
    a[i].onmouseover=function(){
      this.style.textDecoration="none";
    }
    a[i].onmouseout=function(){
      this.style.textDecoration="underline";
    }
  }
}

这种方式会在鼠标移入时去掉下划线，在移出时恢复下划线。

在HTML中也可以使用u标签来实现去掉下划线。代码如下：

<u><a href="#">链接</a></u>

这种方法需要注意的是，在HTML5标准中u标签已被废除，所以不推荐使用。

一些网站在设计时就已经去掉了超链接下划线，如GitHub等。这是因为在CSS中添加了下面的代码：

a{
  color:#0366d6;
  text-decoration:none;
}

这个方法只适用于特定网站，但可以借鉴一下其CSS样式。