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

在我的页面中，我放了一些链接，我不想要任何行，所以，如何删除使用HTML？如何从HTML中的链接中删除下划线？

2012-06-01 Paic Ten

阿伊，我不会打扰再次回滚的标签，但只是让你知道，删除下划线的唯一方法就是**与CSS **。是的，即使你将它与HTML内联（在'style'属性中），它仍然是CSS *。另外两个标签也是完全有效的（'presentation'和'hyperlink'）。将来，请不要删除（或添加）标签到问题中，除非有正当理由这样做。谢谢！ – 0b10011

@bfrohs我尊重你的话，但我只用HTML构建我的网站，所以我没有添加更多标签，因为如果我愿意的话，我可能会得到不同语言的答案。其实我对它有点新手，这就是原因。 –

您不能在没有CSS的情况下构建符合标准的网站（除非您使用浏览器的所有默认设置）。 HTML =结构; CSS =演示文稿。其他标签与另一种语言无关 - 它们仅用于帮助人们找到问题和答案。 – 0b10011

131

Inline版本：

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

但是请记住，您should一般separate您的网站（这是HTML），从演示文稿（这是CSS）的内容。因此您通常应该使用avoid inline styles。

请参阅John's answer使用CSS查看等效答案。

来源

2012-06-01 16:19:29

杀手锏！我从来没有看到这些下划线在所有的年份，我在哪里做HTML .... ^^ –

约翰的答案仍然使用基本上内联样式。分离你的CSS意味着不仅仅是在你的html中混淆CSS。例如'class =“big-and-red”'是别名不分离的。 'class =“有意义的域名项目”'然后css'.meaningful-domain-item {//大而红}'是。这个回答足以提醒我在我的css +1中使用哪个标签。 –

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

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>

来源

2012-06-01 16:16:39

@PaicTen您需要将此添加到您的CSS代码。 – Sonic42

添加到您的外部样式表（首选）：
```
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>

来源

2012-06-01 16:18:24 0b10011

下面是不是最好的做法，但有时可以证明是有用的

这是更好地使用由约翰·孔德所提供的解决方案，但有时候，使用外部CSS是不可能的。所以，你可以添加以下到您的HTML标签：

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

来源

2012-06-01 16:21:32 nebulousGirl

<style="text-decoration: none">

上面的代码将被enough.Just粘贴到您要从中删除下划线的链接。

来源

2013-11-19 09:20:57 sd1990

我建议使用：悬停避免强调，如果鼠标指针在锚

a:hover { 
    text-decoration:none; 
}

来源

2014-02-09 13:08:12 Roman

其他的答案都不在话下文字修饰。有时候，您会使用Wordpress主题或其他人的CSS，其中链接由其他方法加下划线，以便text-decoration：none不会关闭下划线。

边框和阴影是我知道的两种其他方法用于加下划线的链接。要关闭这些：

border: none;

和

box-shadow: none;

来源

2015-12-11 17:27:10

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

回答

相关问题