css 文字下划线

来源：百度知道编辑：UC知道时间：2024/05/22 12:14:10

文字设置默认下划线时，下划线和文字是紧紧挨在一起的
怎样可以让文字与下划线之间有距离除了用图片的方法
谢谢！！

.font a{
border-bottom:1px solid #1c7dcb;
padding-bottom:1px;
text-decoration:none;
color:#1c7dcb;
}

用模拟的方法可以，<span style="line-height:1.5em;border-bottom:1px solid #eeeeee;">这里是文字</span>

<div style="border-bottom:1px solid red;padding=5px;">文字文字文字</div>