如何通过css显示多个下划线颜色（而不是一种颜色）

Question

我想为某个文本显示多个下划线颜色

I know that text-decoration-color is to set underline color. 

但我想拥有像下面这样的东西

Answer 1

你可以用 span 包围文本并给它一个边框，如下所示：

<span>happy than right<span>

span {
    text-decoration: underline;
    text-decoration-color: red;
    border-bottom: 1px solid orange;
}