a标签去掉下划线

转载自：http://jingyan.baidu.com/article/a17d52853095838099c8f24e.html

<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>