CSS是網頁設計中的重要元素，它可以讓頁面更美觀、易讀、易用。其中一種常見的應用就是設置橫線。下面我們就來了解一下如何用CSS來實現橫線的效果。

第一種方式是使用border屬性。我們可以通過設置border-bottom屬性來設置下邊線的樣式，如下代碼所示：

<style>
.line {
border-bottom: 1px solid black;
}
</style>
<div class="line">這是一條橫線</div>

其中，我們通過選擇器選中了class為line的div元素，設置了它的下邊線樣式為1像素寬、實線、顏色為黑色的橫線。如圖所示：

第二種方式是使用hr標簽。hr標簽是HTML自帶的標簽，它的作用就是生成一條水平分隔線。我們只需要利用CSS來修改它的樣式即可，如下代碼所示：

<style>
hr {
border: none; /* 去掉原來的邊線 */
border-top: 1px solid black; /* 設置上邊線樣式 */
height: 0; /* 設置高度為0，僅顯示邊線 */
}
</style>
<hr/>

其中，我們通過選擇器選中了hr標簽，去掉了原來的邊線，設置了上邊線的樣式為1像素寬、實線、顏色為黑色。同時，為了避免hr標簽自帶的高度，我們把高度設置為0，僅顯示邊線。如圖所示：

綜上所述，使用CSS來設置橫線可以通過border屬性或hr標簽來實現，具體的樣式設置可以根據需求進行調整。希望本文能夠對您有所幫助！