在網頁設計中，字體裝飾起到了很重要的作用。它們可以用來突出重要信息或增強品牌形象。在CSS中，我們可以使用text-decoration屬性來設置字體裝飾樣式。本文將介紹text-decoration的一些常見用法。 下劃線 下劃線是text-decoration最基本的功能之一，并且是默認樣式。要在文本下面顯示一條下劃線，可以使用以下代碼： pre { text-decoration: underline; } 刪除線 刪除線通常用于標記不再有效的文字。要在文本上面添加一條刪除線，請使用以下代碼： pre { text-decoration: line-through; } 上下劃線 有時候我們需要同時使用下劃線和刪除線來裝飾文本。這時候可以使用text-decoration的另一個值：underline line-through： pre { text-decoration: underline line-through; } 波浪線 如果你想用一些非常規的方式來強調文本，可以考慮使用波浪線。下面是代碼示例： pre { text-decoration: wave; } 雙下劃線 如果你想使用雙下劃線來表示文本的重要性，可以使用text-decoration的另一個屬性：double underline。以下是代碼示例： pre { text-decoration: underline double; } 顏色 除了以上幾種形式之外，text-decoration還可以設置顏色。你可以使用CSS color屬性來設置下劃線、刪除線、波浪線的顏色，如下所示： pre { text-decoration: underline; color: #ff0000; /*下劃線顏色*/ } pre { text-decoration: line-through; color: #ff0000; /*刪除線顏色*/ } pre { text-decoration: wave; color: #ff0000; /*波浪線顏色*/ } 結論 在CSS中，我們可以使用text-decoration屬性來設置不同的字體裝飾樣式。以上是一些text-decoration常見的用法。通過定制text-decoration屬性，你可以使你的文本看起來更加生動有趣。