div css之去掉A超链接下划线样式
一、去掉字体下划线装饰CSS属性样式代码
text-decoration:none
解释:
CSS下划线样式单词:text-decoration
不显示下划线(去掉字体下划线样式):none
二、div css网页重构前初始化去掉超链接下划线
由于有的浏览器默认情况下超链接是有下划线,有的是没有下划线,通常会统一添加或去掉超链接的下划线样式。
统一去掉超链接下划线CSS代码:
a{text-decoration:none}
在CSS中最前面对a设置这样去掉下划线样式即可默认初始化去掉超链接锚文本a标签默认字体下划线样式。
统一去掉超链接下划线样式截图
三、CSS去掉指定对象内超链接下划线
通常除了开发DIV CSS前,就去掉或添加超链接下划线,如果在初始化中添加超链接文字下划线,在布局中有时又要去掉,这时就需要单独对超链接设置去掉下划线。
实例代码源代码如下:
去掉超链接下划线实例 CSS5
a{text-decoration:underline}
a:hover{ text-decoration:none}
.exp a{ text-decoration:none}
欢迎访问CSS5网站!
去掉超链接下划线实例,返回CSS5首页!
解释:
a{text-decoration:underline}
a:hover{ text-decoration:none}
统一设置网页中带超链接字体默认显示下划线,鼠标悬停时候去掉下划线。
.exp a{ text-decoration:none}
设置class=exp对象内的超链接默认去掉下划线,class=exp盒子内带超链接字体默认不显示下划线。
实例截图
显示和去掉超链接下划线实例截图
作者:div css