如何为多行文本添加可调整距离的下划线？

发布日期： 2024-10-27 阅读量： 作者： 网络

如何为多行文本添加可调整距离的下划线？

实现距离可调的多行文本下划线

如何为多行文本添加可调整距离的下划线？我们希望实现类似于图中蓝色的效果，而不是默认的黑色下划线（由 text-decoration: underline; 产生）。同时，我们希望能够调整下划线颜色和它与文本之间的距离。

答案：

text-decoration: underline;
text-underline-offset: 5px; /* 调整距离 */
text-decoration-color: blue; /* 调整颜色 */

随便看看