HTML 对象元素的下划线距离

概览

在设计文字内容时，html 自带的链接下划线样式与文字太接近，为了更符合视觉效果，我们需要让文字对象与下划线较大距离像素，通过 padding 和 border CSS 参数可以实现。

CSS

html,body{
  background-color: #000;
  color: #fff;
}
._x3 {
  padding-bottom:3px; 
  border-bottom:.8px 
  solid #fff}

SPAN

<span class="_x3"> 该 span 内容对象与下划线的距离为 3px</span>