在網頁設計中，經常需要添加一些特殊的符號來美化頁面，其中一種常見的美化方式是在文字下方添加一條橫線。這種效果可以用CSS來實現，下面就讓我們來看看如何實現這個效果。 使用CSS添加橫線的方法非常簡單，只需要使用下劃線偽類（:after）即可，具體實現代碼如下：

p:after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: black;
}

上面的代碼中，我們給p標簽添加了一個偽類:after，并在該偽類中設置了以下樣式：content: "";表示在偽類中添加一個空內容。display: block;表示該元素是塊級元素。width: 100%;表示該元素的寬度為100%。height: 1px;表示該元素的高度為1像素。background-color: black;表示該元素的背景顏色為黑色。 通過這些設置，我們就成功地給p標簽添加了一條橫線。 當然，我們也可以根據需要自定義橫線的顏色、粗細、長度等屬性，下面是一個示例代碼：

p.line {
position: relative;
}
p.line:after {
content: "";
display: block;
position: absolute;
bottom: -5px;
left: 0;
width: 50%;
height: 2px;
background-color: #FFD700;
}

在這個示例中，我們首先給p標簽添加了一個類名line，然后在 CSS 中針對這個類名添加樣式。在偽類:after中，我們添加了以下樣式：position: absolute;表示該元素的定位方式為絕對定位。bottom: -5px;表示該元素距離其父元素底部5像素的位置。left: 0;表示該元素距離其父元素左側0像素的位置。width: 50%;表示該元素的寬度為其父元素寬度的50%。height: 2px;表示該元素的高度為2像素。background-color: #FFD700;表示該元素的背景顏色為金黃色。 這個示例演示了如何根據需要自定義橫線的屬性，讓頁面效果更加豐富多彩。 總之，通過使用 CSS 的下劃線偽類，我們可以方便地給頁面添加一條橫線，從而達到優美的視覺效果。