在 CSS 樣式中，可以通過 text-decoration 屬性來給文本添加下劃線。默認情況下，下劃線是實線的，但是我們也可以通過設(shè)置樣式來實現(xiàn)虛線或雙線的效果。

/*
* 給鏈接添加實線下劃線
*/
a {
text-decoration: underline;
}
/*
* 給鏈接添加雙線下劃線
*/
a.double {
text-decoration: underline double;
}
/*
* 給元素添加虛線下劃線
*/
h1 {
text-decoration: underline dotted;
}

另外，如果我們想在文本中使用下劃線，也可以通過樣式來實現(xiàn)。使用下劃線時，需要注意的是，下劃線會占用下方一定的空間，會影響行高和頁面排版，因此建議在文本重點突出時再使用下劃線。

/*
* 在文本中使用下劃線
*/
.underline {
text-decoration: underline;
}

除了下劃線，還有其他類型的文本裝飾也可以使用 text-decoration 屬性實現(xiàn)。比如文本刪除線、文本上劃線、文本波浪線等，只需要將屬性值設(shè)置為 line-through、overline、wavy 等即可。

/*
* 給文本添加刪除線
*/
.del {
text-decoration: line-through;
}
/*
* 給文本添加上劃線
*/
.up {
text-decoration: overline;
}
/*
* 給文本添加波浪線
*/
.wave {
text-decoration: wavy;
}