blocks|key|556239|text|这将从所有链接中删除所有下划线：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|556240|a+{text-decoration:+none;+}|code-block|syntax|javascript|556241|如果您有要应用此方法的特定链接，请为它们指定一个类名，如nounderline，然后执行以下操作：|offset|length|style|CODE|556242|a.nounderline+{text-decoration:+none;+}|556243|这将仅适用于这些链接，而不影响所有其他链接。|556244|此代码属于您的文档的<head>或样式表：|556245|<head>
++++<style+type="text/css">
++++++++a.nounderline+{text-decoration:+none;+}
++++</style>
</head>|556246|在身体里：|556247|<a+href="#"+class="nounderline">Link</a>|556248|entityMap^0|0|0|S|B|0|0|0|A|6|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@$I|13|J|14|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|17|8|@$I|18|J|19|K|L]]|9|@]|A|$]]|$1|S|3|T|5|D|7|1A|8|@]|9|@]|A|$E|F]]|$1|U|3|V|5|6|7|1B|8|@]|9|@]|A|$]]|$1|W|3|X|5|D|7|1C|8|@]|9|@]|A|$E|F]]|$1|Y|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|Z|$]]

This will remove all underlines from all links:

<pre><code>a {text-decoration: none; }
</code></pre>

If you have specific links that you want to apply this to, give them a class name, like <code>nounderline</code> and do this:

<pre><code>a.nounderline {text-decoration: none; }
</code></pre>

That will apply only to those links and leave all others unaffected.

This code belongs in the <code>&lt;head&gt;</code> of your document or in a stylesheet:

<pre><code>&lt;head&gt;
 &lt;style type="text/css"&gt;
 a.nounderline {text-decoration: none; }
 &lt;/style&gt;
&lt;/head&gt;
</code></pre>

And in the body:

<pre><code>&lt;a href="#" class="nounderline"&gt;Link&lt;/a&gt;
</code></pre>

blocks|key|340368|text|Inline版本：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|340369|<a+href="http://yoursite.com/"+style="text-decoration:none">yoursite</a>|code-block|syntax|javascript|340370|但是，请记住，您通常从演示文稿(即HTML)中should+separate您网站的内容(即HTML)。因此，您通常应该使用avoid+inline+styles。|340371|有关使用CSS的等效答案，请参阅John's+answer。|340372|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/cssref/pr_text_text-decoration.asp|1|http://www.w3schools.com/html/html_styles.asp|2|https://stackoverflow.com/questions/12013532/inline-style-tags-vs-inline-css-properties|3|https://stackoverflow.com/questions/3142710/inline-styles-vs-classes|4|5|https://stackoverflow.com/questions/2612483/whats-so-bad-about-in-line-css|6|https://stackoverflow.com/questions/2041388/how-to-remove-the-underline-for-anchorslinks|7|https://stackoverflow.com/a/10853894/1321680^0|0|6|0|0|0|H|4|1|N|6|2|U|8|3|1A|4|4|1Q|J|5|0|4|3|6|G|D|7|0^^$0|@$1|2|3|4|5|6|7|17|8|@]|9|@$A|18|B|19|1|1A]]|C|$]]|$1|D|3|E|5|F|7|1B|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|1C|8|@]|9|@$A|1D|B|1E|1|1F]|$A|1G|B|1H|1|1I]|$A|1J|B|1K|1|1L]|$A|1M|B|1N|1|1O]|$A|1P|B|1Q|1|1R]]|C|$]]|$1|K|3|L|5|6|7|1S|8|@]|9|@$A|1T|B|1U|1|1V]|$A|1W|B|1X|1|1Y]]|C|$]]|$1|M|3|-4|5|6|7|1Z|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]|U|$5|P|Q|R|C|$S|V]]|W|$5|P|Q|R|C|$S|X]]|Y|$5|P|Q|R|C|$S|Z]]|10|$5|P|Q|R|C|$S|V]]|11|$5|P|Q|R|C|$S|12]]|13|$5|P|Q|R|C|$S|14]]|15|$5|P|Q|R|C|$S|16]]]]

<a href="http://www.w3schools.com/cssref/pr_text_text-decoration.asp" rel="noreferrer">Inline</a> version:

<pre><code>&lt;a href="http://yoursite.com/" style="text-decoration:none"&gt;yoursite&lt;/a&gt;
</code></pre>

However remember that you <a href="https://stackoverflow.com/questions/12013532/inline-style-tags-vs-inline-css-properties">should</a> generally <a href="https://stackoverflow.com/questions/3142710/inline-styles-vs-classes">separate</a> the content of your website (which is <a href="http://www.w3schools.com/html/html_styles.asp" rel="noreferrer">HTML</a>), from the presentation (which is <a href="http://www.w3schools.com/css/css_intro.asp" rel="noreferrer">CSS</a>). Therefore you should generally <a href="https://stackoverflow.com/questions/2612483/whats-so-bad-about-in-line-css">avoid inline styles</a>.

See <a href="https://stackoverflow.com/a/10853894/1321680">John's answer</a> to see equivalent answer using <a href="https://stackoverflow.com/questions/2041388/how-to-remove-the-underline-for-anchorslinks">CSS</a>.

blocks|key|340421|text|<style="text-decoration:+none">|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|340422|上面的代码将被enough.Just粘贴到你想要删除下划线的链接中。|unstyled|340423|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>&lt;style="text-decoration: none"&gt;
</code></pre>

The above code will be enough.Just paste this into the link you want to remove underline from.

blocks|key|556407|text|如果鼠标指针在锚点上，我建议使用:hover来避免下划线|type|unstyled|depth|inlineStyleRanges|entityRanges|data|556408|a:hover+{
+++text-decoration:none;
}|code-block|syntax|javascript|556409|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I suggest to use :hover to avoid underline if mouse pointer is over an anchor

<pre><code>a:hover {
 text-decoration:none;
}
</code></pre>

blocks|key|556502|text|其他答案都提到了文本装饰。有时，您使用Wordpress主题或其他人的CSS，其中链接由其他方法加下划线，因此text-decoration:+none不会关闭下划线。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|556503|边框和框阴影是我知道的另外两种给链接加下划线的方法。要关闭这些选项，请执行以下操作：|556504|border:+none;|code-block|syntax|javascript|556505|和|556506|box-shadow:+none;|556507|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

The other answers all mention text-decoration. Sometimes you use a Wordpress theme or someone else's CSS where links are underlined by other methods, so that text-decoration: none won't turn off the underlining.

Border and box-shadow are two other methods I'm aware of for underlining links. To turn these off:

<pre><code>border: none;
</code></pre>

and

<pre><code>box-shadow: none;
</code></pre>

blocks|key|340545|text|上面提到的所有代码对我来说都不起作用。当我深入研究这个问题时，我意识到它不起作用，因为我将样式放在href之后。当我将样式放在href之前时，它可以正常工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|340546|<a+style="text-decoration:none"+href="http://yoursite.com/">yoursite</a>|code-block|syntax|javascript|340547|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

All the above-mentioned code did not work for me. When I dig into the problem I realize that it was not working because I'd placed the style after the href. When I placed the style before the href it was working as expected.

<pre><code>&lt;a style="text-decoration:none" href="http://yoursite.com/"&gt;yoursite&lt;/a&gt;
</code></pre>

In my page I have put some links under which I don't want any line, so, how can I remove that using HTML?

How to remove underline from a link in HTML?

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

问如何在HTML中删除链接中的下划线？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在HTML中删除链接中的下划线？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在HTML中删除链接中的下划线？
EN