1. 前言
超链接在网页中非常常见，它们可以让用户方便地从一个网页跳转到另一个网页。但是，超链接默认会有下划线，这对于美观性不是很友好。那么，如何去掉超链接的下划线呢？接下来我们将详细介绍如何在html中去掉超链接的下划线。
2. 去掉超链接下划线的CSS属性
要想去掉超链接的下划线，需要使用CSS（层叠样式表）来为超链接设置样式。具体做法是设置CSS的text-decoration属性为none。text-decoration属性用来设置元素的文本修饰效果，包括下划线、删除线、上划线等。将text-decoration设置为none后，超链接下划线就会消失了。
下面是样式代码：
<style>
a{
text-decoration:none;
}
</style>
2.1 基本语法
基本语法是在style标签中，设置a标签的text-decoration属性为none。其中，a表示超链接的标签名，text-decoration表示文本修饰效果属性的名称，none表示不要下划线。
2.2 多个超链接去掉下划线
如果页面中有多个超链接，可以使用通配符来批量设置所有超链接的text-decoration为none。
<style>
a{
text-decoration:none;
}
</style>
2.3 去掉鼠标经过时的下划线
有时我们可能想在鼠标悬停在超链接上时，显示下划线，但是在其他时候去掉下划线。这时可以设置超链接的:hover伪类，当鼠标悬停在超链接上时，应用这个伪类样式。
<style>
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
</style>
在上面的代码中，当鼠标经过超链接时，超链接下会显示下划线。
2.4 其他属性可选值
text-decoration属性除了none和underline两个可选值外，还有line-through、overline、blink等可选值，分别用来表示删除线、上划线、闪烁等效果。
3. HTML中设置超链接属性
除了使用CSS来设置超链接样式，还可以在HTML中直接设置超链接属性。下划线就是其默认属性之一，而且不可修改。不过，在HTML5中，新加了一个属性叫做text-decoration，可以用来控制下划线的显隐。
<a href="#" style="text-decoration:none">百度</a>
在上面的代码中，style属性中的text-decoration:none就是设置超链接属性的代码。同样地，text-decoration属性也可以设置为其他可选值，如line-through、overline、blink。
4. 总结
在HTML中去掉超链接的下划线，可以使用CSS或者直接在HTML中设置超链接属性。具体实现方式是设置text-decoration属性为none来取消下划线。除了默认的下划线效果外，text-decoration属性还可以用来设置其他文本修饰效果，如删除线、上划线、闪烁等效果。