a标签去掉下划线

1、正常状态下的a标签是这样的。

2、去掉下划线只需要在样式里面加入

a{

text-decoration:none;

}

或者

<a href="www.kanbuchuan.com"style='text-decoration:none;'>这里是A标签</a>

3、还有更加详细的设置。

a:link{text-decoration:none;   /* 指正常的未被访问过的链接*/

}a:visited{text-decoration:none; /*指已经访问过的链接*/

}a:hover{text-decoration:none;/*指鼠标在链接*/}a:active{text-decoration:none;/* 指正在点的链接*/ 

}

4、可以试试下面的这段代码，比较以下就知道A标签的用法了。

<style type="text/css">a:link{text-decoration: none;color: red   /* 指正常的未被访问过的链接*/}a:visited{text-decoration:none; /*指已经访问过的链接*/}a:hover{ text-decoration:underline;    font-size:50px;color:blue/*指鼠标在链接*/}a:active{text-decoration:none;/* 指正在点的链接*/ }</style>        <a href="">这里是A标签</a>