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超链接去下划线