1、新建html文档，在html文档的bady标签中添加一个a标签，然后为这个标签添加“href”属性和属性值：
2、将编辑好的代码保存，然后用浏览器打开html文档，这时可以在网页中看到a标签的下划线：
3、添加style标签，然后为a标签设置“text-decoration:none”css样式，刷新浏览器，这时浏览器中的下划线就会被去掉：
a{color:red/*设置颜色*/
text-decoration:none/*删除下划线*/
}
a:hover{
color:#ccc
}
用一个时间的案例来说明吧
1 代码部分
<html>
<title>北京传智播客</title>
<body>
<a href="#">我要去除超链接下划线</a>
</body>
</html>
2 以上代码在浏览器显示的效果 ， 在浏览器段看到超链接是有下划线的，之后的操作咱们就是要去除下划线
3 去除下滑下 的代码 在a标签上 加上 style="text-decoration:none"
4 加上 style="text-decoration:none" 之后在页面上的显示效果 如下图
下划线就去掉了
