css设置文字字体下划线距离间距 – CSS – 前端 css 矩形环

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

传统的css下划线text-decoration样式只能设置其文字下划线样式而无法实现下划线与文字间距调整。所以借助与padding和border两个属性模拟下划线实现文字与下划线之间距离可调节。二、可调节的文字下划线距离实例 1、实例代码 2、修改后的代码 三、结果：