[分享]css中a标签加下划线

CSS中经常会使用到a标签（超链接），而对于a标签下划线的处理，我们需要使用CSS进行控制。使用textdecoration属性可以控制a标签的下划线，在默认情况下，a标签会添加下划线，代码如下：a ...

CSS中经常会使用到a标签（超链接），而对于a标签下划线的处理，我们需要使用CSS进行控制。

使用text-decoration属性可以控制a标签的下划线，在默认情况下，a标签会添加下划线，代码如下：

a {
  text-decoration: underline;
} 

如果我们不想要a标签的下划线，我们可以将text-decoration属性设置为none，代码如下：

a {
  text-decoration: none;
} 

若想要创造更具有个性化的样式，还可以通过text-decoration属性设置其他的样式。比如设置为overline（上划线）、line-through（中间横线）、dotted（点线）和dashed（虚线）等，代码如下：

a {
  text-decoration: overline; /* 上划线 */
}
a:hover {
  text-decoration: line-through; /* 鼠标移上去变成中间横线 */
}
a:visited {
  text-decoration: dotted; /* 被访问过的链接变成点线 */
}
a:focus {
  text-decoration: dashed; /* 获得焦点时链接变成虚线 */
} 

a标签下划线的处理，除了text-decoration属性外，还可通过其它CSS样式属性及伪类来实现具体的样式效果。