在網頁設計中，我們經常需要使用橫線來分割內容或者作為裝飾符號，那么怎么使用CSS來加橫線呢？下面我們一起來看一下。 首先，我們需要了解CSS中的一個叫做border的屬性，它可以用來給元素添加邊框。其中，border-bottom就是我們需要的用來添加橫線的屬性。 下面是一段示例代碼：

p {
border-bottom: 1px solid black;
}

我們可以看到，這段代碼是給所有p標簽添加了一個1像素寬、黑色實線的下邊框。運行之后，我們就可以在p標簽下方看到一條黑線了。 如果我們想要改變橫線的樣式，可以修改border-bottom的參數。比如說，我們想要將橫線變為虛線，可以這樣寫：

p {
border-bottom: 1px dashed black;
}

我們可以將dashed改為其他的樣式，比如dotted、double等等。 需要注意的是，如果我們在之前為p標簽設置了margin或padding，橫線可能不會緊貼著文本，而是會有一定的距離。這時我們需要為border設置box-sizing: border-box屬性，讓它的寬度包括padding和border。 下面是完整的代碼：

p {
border-bottom: 1px solid black;
box-sizing: border-box; /* 讓寬度包括padding和border */
margin: 0;
padding: 0;
}

通過以上的方法，我們就可以使用CSS來添加橫線了。希望這篇文章對你有幫助！