前端之家收集整理的这篇文章主要介绍了
html – 文本和下划线之间的间距，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我正在寻找一种
方法来扩大文本和
页面下划线之间的距离.我主要使用CSS,但我也必须使用
标签,基本上我的问题考虑了两种情况.有没有办法改变这个间距？
代码很简单：
.title_span {
font-weight: bold;
text-decoration: underline;
color: grey;
}
我的另一个可能性是尝试以某种方式使用背景为跨度使用1px图片和重复对X轴我正在寻找更清洁的解决方案.
不是没有技巧,没有.一个简单的
解决方案是将文本包装在另一个跨度中并给出一个
底部边框.
<span class="underline"><span class="title_span">title of something</span></span>
.title_span {
font-weight: bold;
text-decoration: underline;
color: grey;
}
.underline {
padding-bottom: 2px;
border-bottom: grey 1px solid;
}
http://jsfiddle.net/m9RQ9/
原文链接：https://www.f2er.com/html/227429.html
