用一个时间的案例来说明吧
1 代码部分
<html>
<title>北京传智播客</title>
<body>
<a href="#">我要去除超链接下划线</a>
</body>
</html>
2 以上代码在浏览器显示的效果 ， 在浏览器段看到超链接是有下划线的，之后的操作咱们就是要去除下划线
3 去除下滑下 的代码 在a标签上 加上 style="text-decoration:none"
4 加上 style="text-decoration:none" 之后在页面上的显示效果 如下图
下划线就去掉了
1.下面做一个这样的链接：未被点击时超链接文字无下划线，显示为蓝色；当鼠标在链接上时有下划线，链接文字显示为红色；当点击链接后，链接无下划线，显示为绿色。
实现方法很简单，在源代码的<head>和<head>之间加上如下的CSS语法控制：
其中：
a:link 指正常的未被访问过的链接；
a:active 指正在点的链接；
a:hover 指鼠标在链接上；
a:visited 指已经访问过的链接；
text-decoration是文字修饰效果的意思；
none参数表示超链接文字不显示下划线；
underline参数表示超链接的文字有下划线
2.演示：让网页中的链接去掉下划线
3.将代码插入在<head></head>之间.<title>之前即可
-------------------------------------------------------------------------
使用CSS实现链接的虚线下划线\普通下划线效果
a{ } ：是用来控制连接的效果
a:hover{ }：是用来控制鼠标移上去的效果。
命令具体为：
a:link{ /*超链接正常状态下在样式*/
color:red; /*红色*/
text-decoration:none /*无下划线*/
}本回答被提问者采纳
方法如下：
可以通过text-decoration:none属性来设置，
命令具体为：
a:link{ /*超链接正常状态下在样式*/
color:red; /*红色*/
text-decoration:none /*无下划线*/}
<!--
A { text-decoration: none}
-->
</style>
