如何从HTML链接中删除下划线？
[英]How to remove underline from a link in HTML?
问题描述
在我的页面中，我已经放置了一些我不想要任何行的链接，因此，如何使用HTML删除它？
8 个解决方案
解决方案1
176 已采纳 2012-06-01 16:19:29
解决方案2
48 2012-06-01 16:16:39
这将删除所有链接的所有下划线：
a {text-decoration: none; }
如果您有要应用此功能的特定链接，请为其提供类名称，例如nounderline并执行以下操作：
a.nounderline {text-decoration: none; }
这仅适用于那些链接，并使所有其他链接不受影响。
此代码属于文档的<head>或样式表：
<head>
<style type="text/css">
a.nounderline {text-decoration: none; }
</style>
</head>
并在身体：
<a href="#" class="nounderline">Link</a>
解决方案3
13 2014-02-09 13:08:12
我建议使用：悬停以避免下划线，如果鼠标指针在锚点上方
a:hover {
text-decoration:none;
}
解决方案4
5 2012-06-01 16:18:24
将其添加到外部样式表（ 首选 ）：
a {text-decoration:none;}或者将其添加到HTML文档的
<head>：<style type="text/css"> a {text-decoration:none;} </style>或者将其添加到
a元素本身（ 不推荐 ）：<!-- Add [ style="text-decoration:none;"] --> <a href="http://example.com" style="text-decoration:none;">Text</a>
解决方案5
3 2015-12-11 17:27:10
其他答案都提到文字装饰。 有时您使用Wordpress主题或其他人的CSS，其中链接用其他方法加下划线，因此text-decoration：none不会关闭下划线。
边框和盒子阴影是我知道用于强调链接的另外两种方法。 关闭这些：
border: none;
和
box-shadow: none;
解决方案6
1 2012-06-01 16:21:32
以下不是最佳做法，但有时可证明是有用的
最好使用John Conde提供的解决方案，但有时候，使用外部CSS是不可能的。 因此，您可以将以下内容添加到HTML标记中：
<a style="text-decoration:none;">My Link</a>
解决方案7
0 2013-11-19 09:20:57
<style="text-decoration: none">
上面的代码就足够了。只需将其粘贴到要删除下划线的链接中即可。
解决方案8
0 2018-05-15 12:52:54
所有上述代码对我都不起作用。 当我深入研究这个问题时，我意识到它不起作用，因为我在href之后放置了这个样式。 当我在href之前放置样式时，它按预期工作。
<a style="text-decoration:none" href="http://yoursite.com/">yoursite</a>
如何从链接中删除下划线并在 hover 上添加下划线？ （附图片）
[英]How to remove underline from a link and add underline on hover? (images attached)
如何从具有数字的链接中删除下划线，但在具有字母的普通链接上保持下划线
[英]How to remove underline from the link which has number but keep underline on normal link which has alphabets
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.