CSS是網頁設計中最重要的樣式語言之一。之前我們介紹過如何使用CSS添加各種樣式，如背景、字體、顏色等。今天我們要介紹的是另一個重要的樣式——網頁橫線。

在HTML中我們可以通過<hr>標簽添加一條橫線，但這條橫線的樣式很難調整，同時它還會占用一定的空間。因此，我們可以使用CSS來添加橫線，并調整其樣式。

/* 添加橫線 */
hr {
border: none;
height: 1px;
background-color: #000000;
}
/* 調整樣式 */
hr.style1 {
border-top: 1px solid #8c8c8c;
}

在上面的代碼中，我們首先通過選擇器選中所有的<hr>標簽，并將它的邊框設置為無，高度設置為1像素，背景顏色設置為黑色。這樣就可以添加一條簡單的橫線。但如果我們想要添加一些特殊的樣式，比如說虛線、圓點等，我們可以通過調整border屬性來實現。

同時，我們也可以通過為<hr>標簽添加類名來為其添加不同的樣式。在上面的代碼中，我們給一條橫線添加了類名style1，然后通過設置border-top來將其設置為一個灰色的實線。

除此之外，我們還可以通過調整橫線的寬度、位置等樣式來設置一個特定樣式的橫線。CSS使我們可以輕松地實現各種樣式的橫線，讓我們的網頁更加美觀。