使用href属性删除下划线

Vic*_*jee 46 html href underline

可能重复:
如何删除锚点(链接)的下划线?

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

<html>
<body>
<a href="xxx.html">goto this link</a>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

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

Cur*_*urt 94

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

有许多不同的方法可以做到这一点.

内联风格:

<a href="xxx.html" style="text-decoration:none;">goto this link</a>
Run Code Online (Sandbox Code Playgroud)

内联样式表:

<html>
<head>
<style type="text/css">
   a {
      text-decoration:none;
   }
</style>
</head>
<body>
<a href="xxx.html">goto this link</a>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

外部样式表:

<html>
<head>
<link rel="Stylesheet" href="stylesheet.css" />
</head>
<body>
<a href="xxx.html">goto this link</a>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

stylesheet.css中:

a {
      text-decoration:none;
   }
Run Code Online (Sandbox Code Playgroud)

  • 或<a href="xxx.html" style="text-decoration:none;">转到此链接</a>,或者更好地将您的CSS放在另一个文件中. (5认同)