2017年8月8日星期二

取消Blogger超链接的下划线

当使用做链接时,默认情况下,当鼠标放在链接上面时,会有下划线
如何去除下划线?
text-decoration是控制下划线是否显示的属性:
1.不对链接进行操作时:
a:link{text-decoration:none;}//不显示下划线
a:link{text-decoration:underline;}//显示下划线

2.访问链接后:
a:visited{text-decoration:none;}//不显示下划线
a:visited{text-decoration:underline;}//显示下划线

3.鼠标悬停在链接上时:
a:hover{text-decoration:none;}//不显示下划线
a:hover{text-decoration:underline;}//显示下划线

4.鼠标点击链接时
a:active{text-decoration:none;}//不显示下划线
a:active{text-decoration:underline;}//显示下划线
注意:
当为链接的不同状态设置样式时,请按照以下次序规则:
a:hover 必须位于 a:link 和 a:visited 之后
a:active 必须位于 a:hover 之后
如非注明,mifia的Blogger文章均为原创。转载请注明来自mifia的Blogger和链接。

本文地址: