在網(wǎng)頁(yè)設(shè)計(jì)中，下劃線經(jīng)常被用于強(qiáng)調(diào)文字內(nèi)容，下劃線的樣式同樣可以通過(guò)CSS屬性進(jìn)行設(shè)置。

{
text-decoration: underline;
}

通過(guò)設(shè)置text-decoration屬性的值為underline，就可以實(shí)現(xiàn)在文本下方添加下劃線的效果。

如果希望下劃線和文本的顏色不同，可以使用text-decoration-color屬性進(jìn)行設(shè)置。

{
text-decoration: underline;
text-decoration-color: red;
}

上述代碼設(shè)置了下劃線的顏色為紅色。

如果希望只在文本的某個(gè)狀態(tài)下顯示下劃線，可以使用:hover偽類選擇器。

a:hover {
text-decoration: underline;
}

上述代碼表示當(dāng)鼠標(biāo)指向鏈接時(shí)，鏈接文本將出現(xiàn)下劃線。

當(dāng)然，下劃線不僅可以用于文本的下方，還可以通過(guò)text-decoration屬性的值line-through設(shè)置在文本中間

{
text-decoration: line-through;
}

上述代碼實(shí)現(xiàn)了在文本中間添加刪除線的效果。

在CSS中，下劃線是一個(gè)常用的效果之一，通過(guò)text-decoration屬性的設(shè)置，我們可以輕松實(shí)現(xiàn)不同樣式的下劃線。在實(shí)際項(xiàng)目中，需要根據(jù)需求靈活運(yùn)用。