編輯問題，以包括預期行為、特定問題或錯誤以及重現問題所需的最短代碼。這將有助于其他人回答問題。

我在短短幾分鐘內找到了自己問題的答案，這就是所謂的解決問題思維的力量。 所以問題是波浪線、點線、虛線、雙線等等。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>