使用href属性删除下划线

72

可能是重复问题:
如何去掉锚点(链接)下划线?

在以下代码中,当我使用href属性时,链接会出现下划线。

<html>
<body>
<a href="xxx.html">goto this link</a>
</body>
</html>

我希望该链接与该标签相关联,但不希望它被加下划线。我该怎么做?提前感谢您的帮助。


1
你在发布这个问题之前有没有在谷歌上搜索过?如果你在发布之前做了一些调查,你会在第一个链接中得到正确的结果。 - user1206604
1个回答

143

添加一个具有属性 text-decoration:none; 的样式:

有许多不同的方法可以实现这一点。

内联样式:

<a href="xxx.html" style="text-decoration:none;">goto this link</a>

内联样式表:

<html>
<head>
<style type="text/css">
   a {
      text-decoration:none;
   }
</style>
</head>
<body>
<a href="xxx.html">goto this link</a>
</body>
</html>

外部样式表:

<html>
<head>
<link rel="Stylesheet" href="stylesheet.css" />
</head>
<body>
<a href="xxx.html">goto this link</a>
</body>
</html>

样式表.css:

a {
      text-decoration:none;
   }

7
或者<a href="xxx.html" style="text-decoration:none;">前往此链接</a>,更好的方式是将你的CSS放在另外一个文件中。 - gerky

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接