水平線是網頁設計中常用的一種元素，它能夠劃分頁面的內容，增加閱讀體驗。在CSS中，我們可以使用

---

元素來創建水平線，也可以使用CSS樣式來設置水平線的樣式和屬性。

hr {
border: none;
height: 1px;
background-color: #ccc;
margin-top: 20px;
margin-bottom: 20px;
}

上面的代碼是一個基本的水平線樣式，具體解釋如下：

border: none; // 去掉默認的邊框樣式
height: 1px; // 設置高度為1像素
background-color: #ccc; // 設置背景顏色為灰色
margin-top: 20px; // 設置上邊距為20像素
margin-bottom: 20px; // 設置下邊距為20像素

如果想要讓水平線具有更強的裝飾性，可以使用CSS3的屬性來設置漸變色、陰影、線條樣式等：

hr {
border: none;
height: 10px;
background: linear-gradient(to right, #fcc693 0%, #f83600 100%);
box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.2);
border-radius: 5px;
}

上面的代碼使用了線性漸變來設置水平線的背景顏色，同時添加了陰影效果和圓角樣式。這樣的水平線樣式更加豐富和獨特。

總的來說，水平線是網頁設計中重要的一個元素，通過CSS樣式的控制，可以以不同的形式和樣式呈現在頁面中。需要根據不同的設計需求和頁面風格，選擇合適的樣式和屬性。