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

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

一、实现所需CSS样式：
首先，使用padding-bottom、border-bottom两个样式实现字体文字下划线距离设置。
传统的css下划线text-decoration样式只能设置其文字下划线样式而无法实现下划线与文字间距调整。所以借助与padding和border两个属性模拟下划线实现文字与下划线之间距离可调节。
二、可调节的文字下划线距离实例
1、实例代码

2、修改后的代码

三、结果：

2022-11-16