css 多行文本实现距离可调的下划线
在网页设计中，需要对多行文本添加下划线，并可调整其颜色和与文本的距离。对此，可用 css 的 text-decoration 和 text-underline-offset 属性实现。
实现步骤：
p {
text-decoration: underline;
color: blue;
}p {
text-underline-offset: 5px;
}完整代码：
立即学习“前端免费学习笔记（深入）”；
<p>多行文本</p> <p>颜色可调（下划线的颜色可调整）</p> <p>距离可调（文字和线的位置可调）</p>
p {
text-decoration: underline;
color: blue;
text-underline-offset: 5px;
}在线示例：
[查看演示](https://jsbin.com/kurekinote/...,output)
以上就是CSS如何设置多行文本的可调下划线距离？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
166
收藏
