概览

在设计文字内容时,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 条评论

发表回复

Avatar placeholder

您的电子邮箱地址不会被公开。 必填项已用 * 标注