实现距离可调的多行文本下划线
想要实现图中蓝线展示的样式，我们可以在文本上设置 text-decoration: underline; 来实现基本的下划线效果。但我们需要进一步调整下划线的位置和颜色。
距离可调
为了调整下划线与文本之间的距离，我们可以使用 text-underline-offset 属性。该属性的值为长度单位（如 px、em）。越大的正值，下划线的位置就会越低。
颜色可调
要调整下划线的颜色，我们可以使用 color 属性。它的值可以是十六进制值、RGB 值或 CSS 颜色名称。
情感家园企业站5.0 多语言多风格版
下载
一套面向小企业用户的企业网站程序！功能简单，操作简单。实现了小企业网站的很多实用的功能，如文章新闻模块、图片展示、产品列表以及小型的下载功能，还同时增加了邮件订阅等相应模块。公告，友情链接等这些通用功能本程序也同样都集成了！同时本程序引入了模块功能，只要在系统默认模板上创建模块，可以在任何一个语言环境（或任意风格）的适当位置进行使用！
完整代码
p {
text-decoration: underline;
text-underline-offset: 5px; /* 调整下划线与文本之间的距离 */
color: blue; /* 调整下划线颜色 */
}范例
[范例地址](https://jsbin.com/kurekinote/...)
