使用href属性删除下划线

时间:2012-09-21 09:59:38

标签: html href underline

  

可能重复:
  How to remove the underline for anchors(links)?

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

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

我希望链接与该标记相关联,但不要加下划线。我怎样才能做到这一点?在此先感谢您的帮助。

1 个答案:

答案 0 :(得分:90)

添加属性为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>

stylesheet.css中:

a {
      text-decoration:none;
   }