转载自:http://jingyan.baidu.com/article/a17d52853095838099c8f24e.html
<a>是默认有下划线的。所以有时候为了美观,我们需要去掉下划线,使网页更加美观
方法/步骤
-
正常状态下的a标签是这样的。
-
去掉下划线只需要在样式里面加入
a{
text-decoration:none;
}
或者
<a href="www.kanbuchuan.com"style='text-decoration:none;'>这里是A标签</a>
-
还有更加详细的设置。
a:link{text-decoration:none; /* 指正常的未被访问过的链接*/
}a:visited{text-decoration:none; /*指已经访问过的链接*/
}a:hover{text-decoration:none;/*指鼠标在链接*/}a:active{text-decoration:none;/* 指正在点的链接*/
}
-
可以试试下面的这段代码,比较以下就知道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>