css下划线距离字的距离

在CSS中下划线距离字的距离可以使用text-decoration-style、text-decoration-color和text-decoration-thickness属性解决。

text-decoration: underline;
text-decoration-style: solid;
text-decoration-color: #000;
text-decoration-thickness: 3px; 

上面的代码将文本的下划线样式设置为实线，颜色为黑色，宽度为3像素。

如果需要调整下划线的距离字的距离，可以使用text-decoration-offset属性，例如：

text-decoration: underline;
text-decoration-style: solid;
text-decoration-color: #000;
text-decoration-thickness: 3px;
text-decoration-offset: 0.2em; 

上面的代码将文本的下划线样式设置为实线，颜色为黑色，宽度为3像素，下划线与文本的距离为0.2倍的字母“M”的高度。

需要注意的是，text-decoration-offset属性仅适用于下划线和中划线，不适用于上划线。