如何删除锚(链接)的下划线?

无论如何(在CSS中)避免在页面中引入的文本和链接的下划线..?

当前回答

我在网印中一直被这个问题困扰并解决了。验证的结果。

a {
  text-decoration: none !important;
}

它的工作原理!

其他回答

有时它会被一些渲染UI CSS覆盖。更好的用法:

a.className {
  text-decoration: none !important;
}

<u>

是一个已弃用的标记。

使用……

<span class="underline">My text</span>

一个CSS文件包含…

span.underline
{
    text-decoration: underline;
}

或者只是……

<span style="text-decoration:underline">My Text</span>

我在网印中一直被这个问题困扰并解决了。验证的结果。

a {
  text-decoration: none !important;
}

它的工作原理!

在我的例子中，有一个关于锚的悬停效应的规则，像这样:

#content a:hover {
  border-bottom: 1px solid #333;
}

当然，文字装饰:没有;在这种情况下也无能为力。我花了很长时间才发现。

所以:下划线不要与border-bottom混淆。

不要忘记使用link标记来包含样式表

http://www.w3schools.com/TAGS/tag_link.asp

或者将CSS包含在网页的样式标签中。

<style>
  a { text-decoration:none; }
  p { text-decoration:underline; }
</style>

我不建议在除链接之外的任何地方使用下划线，下划线通常被接受为可点击的东西。如果它不可点击，就不要下划线。

CSS基础知识可以在w3schools学习

推荐文章