a { text-decoration: none; }
以上代码是去掉链接下划线最简单的方式。它会应用于所有的链接,包括超链接和按钮等等。
如果你只想去掉特定链接的下划线,你可以使用 CSS 的类选择器。
a.no-underline { text-decoration: none; }
你可以将该类应用于你想去掉下划线的链接,然后在 HTML 中的链接元素中添加该类。
<a href="#" class="no-underline">去掉下划线的链接</a>
以上代码将会创建一个没有下划线的链接。 除了上面这些方法,你还可以通过粗体、变色或者改变字体大小等方法来代替下划线。但是,以下这种方式在语义和易用性方面并不够好,因此不推荐使用。
a { border: none; }
以上代码会去掉链接的边框,但是它并不符合大家对链接的理解和使用。因此请谨慎使用。
使用 CSS 去掉链接下划线非常简单,大家可以通过多种方式来实现。但是,大家应该利用好这种功能,而不是滥用它并破坏用户对链接的理解。