CSS提供了許多樣式來(lái)改變文本，其中包括在文本的上方和/或下方添加下劃線。下面是如何使用CSS添加下劃線的方法。

/* 下劃線示例 */
p {
text-decoration: underline;
}
/* 僅添加下劃線到文字下方 */
p {
text-decoration: underline;
text-decoration-style: solid;
text-decoration-color: blue;
text-decoration-line: underline;
}

如上所示，可以使用文本裝飾樣式`text-decoration`向文本添加下劃線。默認(rèn)情況下，下劃線將繪制在文本上方和下方。要只添加下劃線到文本下方，可以使用`text-decoration-line`屬性并將其設(shè)置為“下劃線”。然后，使用`text-decoration-style`屬性和`text-decoration-color`屬性定義下劃線的樣式和顏色。

除了使用CSS的屬性來(lái)添加下劃線，您還可以使用偽元素。以下是一個(gè)示例：

/* 使用偽元素添加下劃線示例 */
p {
position: relative;
}
p::after {
content: "";
position: absolute;
left: 0;
bottom: -5px;
height: 1px;
width: 100%;
background-color: black;
}

如上所示，首先需要將p元素的位置設(shè)置為相對(duì)定位。然后，使用`::after`偽元素將一個(gè)水平線添加到其下部。 `content`屬性為空，該元素是絕對(duì)定位，位于其父元素`p`的左側(cè)，并距其底部5像素，高度為1像素，寬度為父元素的寬度，顏色為黑色。這種方法的優(yōu)點(diǎn)是可以完全控制下劃線的位置和樣式。

無(wú)論使用哪種方法，都可以通過(guò)CSS輕松添加下劃線，以使文本更清晰和可讀。