如何用css把a标签的下划线去掉

如何用css把a标签的下划线去掉,第1张

一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括:
总: a 表示所有状态下的连接 如 a{color:red}
① a:link:未访问链接 ,如 a:link {color:blue}
② a:visited:已访问链接 ,如 a:visited{color:blue}
③ a:active:激活时(链接获得焦点时)链接的颜色 ,如 a:active{color:blue}
④ a:hover:鼠标移到链接上时 ,如 a:hover {color:blue}

<style>
A:visited{TEXT-DECORATION:none;COLOR:#009999}
A:link{text-decoration:none}
A:hover{TEXT-DECORATION:COLOR:#FF0000;FONT-WEIGHT:bold;FONT-STYLE:italic}
A1:link{text-decoration:none}
A1:visited{TEXT-DECORATION:none;COLOR:#000000}
A1:hover{TEXT-DECORATION:none;COLOR:#FFffff;FONT-WEIGHT:bold;FONT-STYLE:italic}
//上面这句TEXT-DECORATION:没有赋值
</style>
<a class="1" href="">adfadfas</a>
class引用自定义类时,要直接用类名,就是后面的部分,尽管我不知道用纯数字直接去定义会不会有bug,不过,用含有字母的字串去定义应该是个好的习惯。
定义的顺序是link,visited,active,hover,为了页面的美观,一般只用link和hover就可以了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/10385280.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-08
下一篇 2023-05-08

发表评论

登录后才能评论

评论列表(0条)

保存