a标签去掉下划线

作者:哈哈小脸 | 创建时间: 2023-04-22
<a>是默认有下划线的。所以有时候为了美观,我们需要去掉下划线,使网页更加美观...
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>

点击展开全文

更多推荐