编辑问题，以包括预期行为、特定问题或错误以及重现问题所需的最短代码。这将有助于其他人回答问题。

我在短短几分钟内找到了自己问题的答案，这就是所谓的解决问题思维的力量。 所以问题是波浪线、点线、虚线、双线等等。chrome浏览器或任何其他浏览器都不显示下划线。 答案是在所有类型后面加上下划线，比如: text-decoration =波浪下划线； 或者放置点线、虚线、双点等。在下划线之前，我们可以让我们想要的下划线显示出来。

文本装饰是

文本-装饰-颜色 文本装饰线 文本装饰样式 文本-装饰-厚度 你必须定义文本装饰线，这是强制性的。其他属性是可选的。您可以使用简写，也可以单独使用，但是将简写与任何单独的属性一起使用都会导致问题。文本修饰中属性的顺序无关紧要。检查下面的代码片段:

h1{
text-decoration: underline wavy;
}
h2{
text-decoration:2px wavy underline red;
}
h3{
text-decoration-line: underline;
text-decoration-style: wavy;
text-decoration-color: green;
}

<div>
  <h1> This is a heading </h1>
  <h2> This is another heading </h2>
  <h3>This is  also a heading</h3>
</div>