您的位置:首页 >滚动 >

css怎么去掉超链接下划线?css超链接如何去掉下划线?

2023-01-28 10:52:25    来源:酷狗科技网

a{text-decoration : none}

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

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

a{text-decoration : none}

a:hover{text-decoration:underline}

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

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

实例完整HTML源代码:

a{ text-decoration:none}

a:hover{ text-decoration:underline}

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

在css中,可以使用text-decoration属性去掉超链接的下划线,只需要给a标签设置“text-decoration:none”样式即可。text-decoration属性规定添加到文本的修饰,当值为none时,表示无文字修饰。

关键词: css怎么去掉超链接下划线 css超链接如何去掉下划线 css怎样去除下划线 css里面怎么去除下划线

相关阅读

精彩推送