用一个时间的案例来说明吧
1 代码部分
<html>
<title>北京传智播客</title>
<body>
<a href="#">我要去除超链接下划线</a>
</body>
</html>
2 以上代码在浏览器显示的效果 ， 在浏览器段看到超链接是有下划线的，之后的操作咱们就是要去除下划线
3 去除下滑下 的代码 在a标签上 加上 style="text-decoration:none"
4 加上 style="text-decoration:none" 之后在页面上的显示效果 如下图
下划线就去掉了
亲，超链接（也就是<a></a>标签）默认会在在元素下面显示一条下划线，要取消下划线，可以设置a标签的css属性text-decoration为none就可以去掉下划线了:比如<style>
#aA{
text-decoration:none
}
</style>
<a href='javascript' id='aA'>不显示下划线</a>
如果针对单个网页，可以把如下代码放入页面头部<head></head>中。<style type="text/css">
a{ text-decoration:none}
a:hover{ text-decoration:underline}
</style>
如果是针对整个网站，可把代码
a{ text-decoration:none}
a:hover{ text-decoration:underline}
存为一个CSS文件，然后在各网页头部引用：
<link href="CSS文件路径/CSS文件名" rel="stylesheet" type="text/css" />
希望以上回答对你有帮助~
