在 Web 開(kāi)發(fā)中，為了更好地美化頁(yè)面，常常需要為文字添加下劃線，以突出顯示特定部分的內(nèi)容。

在 CSS 中，為了創(chuàng)建下劃線，我們可以利用偽元素 ::after。

.text::after {
content: "";
display: block;
border-bottom: 1px solid black;
}

在上面的代碼中，我們?yōu)轭惷麨?.text 的元素添加了一個(gè) ::after 偽元素，并且將該元素的內(nèi)容設(shè)置為空字符串。然后，我們將該元素的顯示方式設(shè)置為 block，使其單獨(dú)占據(jù)一行，便于我們?cè)O(shè)置其樣式。

最后，我們?yōu)樵搨卧卦O(shè)置了一個(gè)帶有 1px 粗細(xì)的黑色下邊框，從而實(shí)現(xiàn)了下劃線的效果。

在實(shí)際運(yùn)用中，我們可以根據(jù)需要設(shè)置下劃線的顏色、粗細(xì)、位置等樣式，以實(shí)現(xiàn)不同的布局效果。

總之，利用 ::after 偽元素可以非常方便地為頁(yè)面中的文字添加下劃線，實(shí)現(xiàn)更加美觀的布局效果。