在CSS中下划线距离字的距离可以使用text-decoration-style、text-decoration-color和text-decoration-thickness属性解决。text-dec
在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属性仅适用于下划线和中划线,不适用于上划线。
粉丝
0
关注
0
收藏
0