Question

如何div css设置文字字体下划线距离间距

Answer 1

一、实现所需CSS样式：

首先，使用padding-bottom、border-bottom两个样式实现字体文字下划线距离设置。

传统的css下划线text-decoration样式只能设置其文字下划线样式而无法实现下划线与文字间距调整。所以借助与padding和border两个属性模拟下划线实现文字与下划线之间距离可调节。

二、可调节的文字下划线距离实例 

1、实例代码

2、修改后的代码

三、结果：