66

可能重复：
如何删除锚点（链接）的下划线？

在下面的代码中，当我使用 href 属性时，链接会带有下划线。

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

我希望链接与该标签相关联，但不带下划线。我怎样才能做到这一点？在此先感谢您的帮助。

4

1 回答 1

132

添加具有属性的样式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;
   }
于 2012-09-21T10:00:40.840 回答