在網頁設計中，許多時候我們都希望通過CSS來美化頁面。一條簡單的橫線雖然看似不起眼，但卻是網頁設計中非常常見的元素之一。

那么，如何使用CSS來畫出一條精美的橫線呢？下面就來介紹一下實現方法。

/* 創建一個div */
<div class="line"></div>
/* 設置div的樣式 */
.line {
width: 100%; /* 確保橫線占滿整個容器 */
height: 1px; /* 定義橫線的粗細 */
background-color: black; /* 設置橫線的顏色 */
}

以上代碼就可以很輕松地畫出一條寬度占滿整個容器、顏色為黑色、粗細為1像素的橫線。

當然，我們還可以通過調整height屬性來調整線條的粗細，通過調整background-color屬性來改變線條的顏色。此外，我們可以使用border-bottom或者border-top屬性來畫線，從而進一步定制線條的樣式。

總之，使用CSS畫橫線是網頁設計中的基礎元素之一，也是非常簡單的操作。希望本文對你有所幫助。