【问题标题】:Removing underline with href attribute [duplicate]使用 href 属性删除下划线 [重复]
【发布时间】:2012-09-13 17:53:39
【问题描述】:

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

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

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

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

【问题讨论】:

  • 你在发布这个问题之前在谷歌搜索过吗.....如果你在发布之前做了任何研究,你会在第一个链接中得到正确的结果......

标签: html href underline


【解决方案1】:

添加带有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;
   }

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2021-07-07
  • 2014-03-19
  • 2016-05-14
  • 2015-02-26
  • 1970-01-01
  • 2014-04-14
  • 2013-06-27
  • 1970-01-01
相关资源
最近更新 更多