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

哈喽！大家好，很高兴又见面了，我是golang学习网的一名作者，今天由我给大家带来一篇《如何为多行文本添加可调整距离的下划线？ 》，本文主要会讲到等等知识点，希望大家一起学习进步，也欢迎大家关注、点赞、收藏、转发! 下面就一起来看看吧！

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

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

答案：

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

这种方法使用了两个 CSS 属性：

• text-decoration: 将文本装饰为下划线。
• text-underline-offset: 调整下划线与文本之间的垂直距离。
• text-decoration-color: 调整下划线的颜色。

如需查看实际效果，请访问以下链接：

www.example.com/demo.html

好了，本文到此结束，带大家了解了《如何为多行文本添加可调整距离的下划线？ 》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！