css - 在 CSS 中为带有换行符的文本自定义下划线

Question

有什么方法可以使用 CSS/JS 以自定义方式为大块文本添加下划线吗？我不知道文本会是什么，它可以有换行符，所以我不能按照常规方式使用边框底部。

---

抱歉，如果问题不清楚。关键词是“定制”。就像不同颜色的虚线或一些花哨的星星，或其他任何东西。我们可以使用 background 或 border-bottom 属性来做到这一点，但仅限于单行文本。如果有换行符，它将只应用于底部。这就是我的意思。

Answer 1

text-decoration 属性就是您要查找的内容。如果您将 underlined 类分配给要为其文本加下划线的封闭元素，则您的 CSS 将如下所示:

.underlined {
    text-decoration: underline;
}