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

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

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

在上面的代碼中，我們為類名為 .text 的元素添加了一個 ::after 偽元素，并且將該元素的內容設置為空字符串。然后，我們將該元素的顯示方式設置為 block，使其單獨占據一行，便于我們設置其樣式。

最后，我們為該偽元素設置了一個帶有 1px 粗細的黑色下邊框，從而實現了下劃線的效果。

在實際運用中，我們可以根據需要設置下劃線的顏色、粗細、位置等樣式，以實現不同的布局效果。

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