在網頁設計中，橫線是一個非常常見的元素，能夠更好的突出網頁的不同部分。CSS中提供了一個特殊的標簽——

<hr>

，也稱水平線，來在網頁中添加橫線。

默認情況下，

<hr>

元素顯示為一條有固定寬度和高度的橫線。但是，我們可以通過CSS來改變它的樣式。

<style>
hr {
color: #0000ff; /*改變橫線顏色*/
height: 10px; /*改變橫線高度*/
border-style: dotted; /*改變邊框樣式*/
border-top-width: 2px; /*改變頂部邊框寬度*/
margin-left: 20px; /*改變左側間距*/
margin-right: 20px; /*改變右側間距*/
}
</style>

通過以上CSS代碼，我們可以發現橫線的顏色變為了藍色，高度變為了10像素，邊框樣式變成了點線，頂部邊框寬度變為了2像素，左側和右側都增加了20像素的間距。

值得注意的是，

<hr>

元素沒有結束標記，因此請確保在HTML中正確關閉該標簽。此外，在使用它時，不要忘記最基本的樣式屬性，比如width和height，否則它將不會顯示。因為默認情況下，

<hr>

元素是一個透明的矩形區域，如果沒有設置寬度和高度屬性，那么它就沒有可見的內容。

在網頁設計中，橫線的出現往往是為了分割不同的段落或內容，它可以是單獨的元素，也可以是其他元素的一部分。因此，合理的運用橫線元素可以讓頁面看起來更加美觀和整潔。