如何在多行文本设计中实现距离可调的下划线？

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

可调节距离下划线，提升多行文本设计

在网页设计中，为文本添加下划线是一种常见的样式效果。但有时，我们需要自定义下划线的位置和颜色，以满足特殊的设计需求。

问题：如何实现距离可调的下划线？

需求：

解决方案：

p {
  text-decoration: underline;
  text-decoration-color: blue;
  text-underline-offset: 5px;
}

随便看看