2017-03-16 08:36:18 超链接a标签设置下划线几种情况技巧，以下介绍DIV CSS布局时候，默认情况下A超链接锚文本下划线几种情况兼容各浏览器设置。
a标签下划线与取消下划线样式text-decoration设置篇
以下介绍DIV CSS布局时候，默认情况下A超链接锚文本下划线几种情况兼容各浏览器设置。
1、取消A默认下划线
在CSS代码中最前面设置CSS如下：
a{text-decoration:none}
这样即可设置默认情况下超链接标签A字体不论是默认情况下还是鼠标悬停超链接字体均不显示下划线。
2、兼容各大浏览器默认A超链接全显示下划线
不论默认情况下还是鼠标经过悬停a链接内容均显示下划线CSS代码：
a{ text-decoration:underline}
3、A默认显示下划线，鼠标悬停经过下划线消失
默认超链接字体文字显示下滑线，鼠标经过下划线消失CSS代码：
a{ text-decoration:underline}
a:hover{ text-decoration:none}
4、A默认不显示下划线，鼠标悬停经过显示下划线
a{ text-decoration:none}
a:hover{ text-decoration:underline}
以上是默认情况下几种超链接a标签字体下划线显示与不显示几种情况设置。
a text-decoration扩展应用：
.abc a{ text-decoration:none}
.abc a:hover{ text-decoration:underline}
这里CSS代码作用，指定class=abc盒子内a超链接默认字体不显示下划线，鼠标悬停时显示下划线，网页中非class=abc盒子内超链接锚文本字体是否显示下划线不受影响。