在網頁設計中，常常需要給一些文本添加下劃線來突出重點或美觀。在CSS中，我們可以通過偽類選擇器：after或:before來實現樣式下劃線的添加。下面我們來看看怎么用CSS樣式給底部添加橫線。

p {
position: relative;
}
p:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background-color: black;
}

在上面的代碼中，我們首先對

標簽設置了相對定位，接著通過:before來在

標簽的底部添加了一條橫線，通過設置position屬性為absolute來使其不影響到原本的布局。設置left:0;和bottom:0;可以將橫線放置在

標簽的底部。

這里我們還可以調整橫線的顏色和粗細，讓其更符合我們的需要。例如，可以通過設置background-color屬性為紅色來改變下劃線的顏色。當然，你還可以探索更多的CSS屬性來實現更多樣的樣式效果。

總的來說，通過上面的CSS樣式，我們可以方便地為網頁中的文本添加下劃線，讓其更加美觀和有層次感。