如何从HTML中的链接中删除下划线？

在我的页面，我已经把一些链接，我不想要任何行，所以，我怎样才能删除使用HTML？

内联版本：

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

但是请记住，您通常应该从演示文稿（即CSS ）中分离出您的网站（即HTML ）的内容。所以你通常应该避免内联样式。

请参阅John的回答，以查看使用CSS的等效答案。

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

 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>

我build议使用：hover以避免下划线，如果鼠标指针在锚点上

 a:hover { 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>

其他答案都提到文字修饰。有时你使用Wordpress主题或者其他方法的链接被下划线的CSS，所以text-decoration：none不会closures下划线。

边框和阴影是我知道的下划线链接的另外两种方法。 closures这些：

 border: none;

和

 box-shadow: none;

以下是不是最佳做法，但有时可以certificate是有用的

最好使用John Conde提供的解决scheme，但有时候，使用外部CSS是不可能的。所以你可以把下面的代码添加到你的HTML标签中：

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

 <style="text-decoration: none">

上面的代码将是足够的。只需将其粘贴到要从其中删除下划线的链接即可。