a标签去掉下划线 各种情况下css代码

2016-12-20 21:45:45 去掉默认a标签下划线设置的CSS代码,去掉a标签鼠标悬停时下划线代码,完整默认去掉a标签下划线去掉指定对象内a标签下划线 CSS去掉设置四种情况a标签下划线。

div css网页开发布局时a标签去掉下划线各种设置与CSS代码

1、去掉默认a标签下划线设置的CSS代码

a{text-decoration:none}

放到CSS代码最前面,即可设置默认网页中a标签去掉下划线样式

2、去掉a标签鼠标悬停时下划线代码

a:hover{text-decoration:none}

放到CSS代码最前面,即可取消鼠标悬停经过超链接a标签文字时不显示下划线(去掉a标签鼠标悬停时下划线样式)

3、完整默认去掉a标签下划线

a{color:#000;text-decoration:none}
a:hover{color:#F00}

设置网页默认情况下a标签字体颜色为黑色并去掉不显示下划线,鼠标悬停a标签超链接文字上时字体颜色为红色,同时也不会显示下划线。
这样即可CSS去掉默认和鼠标悬停是都不显示下划线。

技巧:其实只设置a去掉下划线,a:hover(鼠标悬停经过a标签时)也不会显示下划线样式。

4、去掉指定对象内a标签下划线

.exp a{text-decoration:none}

去掉class=exp对象盒子内a标签超链接文字下划线。

相关阅读:
css去掉u下划线
html超链接去下划线

更新