Question

在我的页面中，我放置了一些我不想要任何行的链接，那么，如何使用HTML删除它？

Answer 1

Inline版本：

<a href="http://yoursite.com/" style="text-decoration:none">yoursite</a>

但请记住，您should通常separate您的网站内容（HTML），来自演示文稿（CSS）。因此，您通常应该avoid inline styles。

使用John's answer查看CSS以查看等效答案。

Answer 2

这将删除所有链接的所有下划线：

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>

Answer 3

我建议使用：悬停以避免下划线，如果鼠标指针悬停在锚

上

a:hover {
   text-decoration:none;
}

Answer 4

或者将其添加到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>

Answer 5

其他答案都提到文字装饰。有时您使用Wordpress主题或其他人的CSS，其中链接以其他方法加下划线，因此text-decoration：none不会关闭下划线。

Border和box-shadow是我知道用于加下链接的另外两种方法。关闭这些：

border: none;

和

box-shadow: none;

Answer 6

以下不是最佳做法，但有时可证明有用

最好使用John Conde提供的解决方案，但有时候，使用外部CSS是不可能的。因此，您可以将以下内容添加到HTML标记中：

<a style="text-decoration:none;">My Link</a>

Answer 7

<style="text-decoration: none">

上面的代码就够了。只需将其粘贴到要删除的链接中。

Answer 8

上述所有代码对我都不起作用。当我深入研究这个问题时，我意识到它不起作用，因为我在href之后放置了这个样式。当我在href之前放置样式时，它按预期工作。

<a style="text-decoration:none" href="http://yoursite.com/">yoursite</a>