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:l足毂忍珩ink{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>