1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > php文字链接下划线怎么取消 css怎么去掉超链接下划线

php文字链接下划线怎么取消 css怎么去掉超链接下划线

时间:2023-11-29 11:25:55

相关推荐

php文字链接下划线怎么取消 css怎么去掉超链接下划线

在网页中难免有若干对文字A超链接锚文本,但是在默认情况下带链接的文字全部都是有下划线效果的,那么如何把这个超链接的下划线效果给去掉呢?那我们就要借助强大的CSS了。

通过CSS设置要想让带超链接锚文本字体文字默认下划线消失,我们需要CSS样式单词text-decoration去掉下划线。

具体去掉全网页默认链接下划线实现无下划线CSS代码如下:

a{text-decoration : none}

以上CSS代码即可实现取消去掉下划线。

DIV CSS知识扩展,默认链接无下划线效果,当鼠标移到对应文字上方悬停对应文字字体出现下划线,CSS样式代码:a{text-decoration : none}

a:hover{text-decoration:underline}

这样就会让网页中带链接文字下划线默认情况消失,但鼠标移到锚文本文字上方悬停时才出现下划线样式效果。

以下为,默认情况下带链接文字没有下划线,鼠标经过悬停在锚文本字体上方时出现CSS下划线。

实例完整HTML源代码:

无下划线实现 DIVCSS5

a{ text-decoration:none}

a:hover{ text-decoration:underline}

欢饮来到关于默认链接无下划线实例

相关阅读:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。