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>

0 条评论

昵称

沙发空缺中,还不快抢~