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