[分享]css3去下划线

CSS3中提供了一些方法去除文本的下划线，下面我们来介绍几种常用的方法：

/*方法一：text-decoration属性*/
a {
  text-decoration: none;
}

/*方法二：border-bottom属性*/
a {
  border-bottom: none;
}

/*方法三：使用伪元素::after*/
a::after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: transparent;
  position: relative;
  top: -0.2em;
  z-index: -1;
} 

以上三种方法各有特点，可以根据实际情况来选择使用。需要注意的是，对于navigation bar中的链接，应该设置:hover时的样式，以提高用户体验。