CSS是一種強大的樣式語言，可以幫助我們給網頁元素設置各種樣式，讓網頁看起來更加美觀和易于閱讀。其中，經常會用到的一種元素是<hr>，表示一條水平分隔線。今天我們就來介紹一些CSS樣式，讓你的分隔線煥然一新！

首先，我們可以用CSS設置分隔線的顏色、寬度和高度。例如：

hr {
border-top: 1px solid #000;
height: 0.5em;
width: 80%;
}

這段代碼將分隔線的頂部邊框設置為1像素實線黑色，高度為0.5em，占據父元素80%的寬度。

其次，我們可以用CSS設置分隔線的樣式和顏色。例如：

hr.style1 {
border-top: 3px dotted #8B0000;
}
hr.style2 {
border-top: 10px double #000080;
}

這段代碼分別定義了兩種分隔線樣式。style1樣式是3像素的點狀虛線，顏色為深紅色；style2樣式是10像素的雙線，顏色為深藍色。

最后，我們可以用CSS設置分隔線的位置和對齊方式。例如：

hr.top {
margin-top: 0;
}
hr.center {
margin: 0 auto;
}
hr.bottom {
margin-bottom: 0;
}

這段代碼將分隔線分別設置在頂部、居中和底部位置，注意到我們用margin屬性來指定位置，并使用了auto值來實現水平居中。

現在，你已經學會了如何用CSS給分隔線設置樣式，快去實踐一下吧，讓你的網頁更加美觀吧！