CSS分割線是一種可以用來分隔文本、圖像或其他元素的視覺元素。

/* 使用CSS繪制分割線 */
hr {
border: none;
border-top: 1px solid #333;
margin: 20px 0;
}

上面的CSS代碼使用一個水平線段繪制了分割線。具體來說，border:none;語句將水平線段的默認邊框去掉。然后，border-top: 1px solid #333;語句繪制了一條1像素寬、顏色為#333的實線作為水平線段。最后，margin: 20px 0;語句定義了分割線上下的外邊距為20像素。

如果想要更改分割線的顏色、寬度或樣式，可以使用不同的CSS屬性。例如：

/* 改變顏色 */
hr {
border-top-color: red;
}
/* 改變寬度 */
hr {
border-top-width: 2px;
}
/* 改變樣式 */
hr {
border-top-style: dotted;
}

可以在CSS樣式表中定義多個分割線樣式，并在HTML文檔中根據需要使用它們。例如，你可以為不同的網站部分（如頁眉、主要內容和頁腳）定義不同的分割線樣式。

/* 定義多個分割線樣式 */
.header-line {
border-top: 3px double #333;
}
.main-line {
border-top: 1px solid #ccc;
}
.footer-line {
border-top: 2px dashed #666;
}

在HTML文檔中，可以像下面這樣使用定義好的分割線樣式：

我的網站
歡迎訪問我的網站！
這里是主要內容。

上面的HTML代碼中，<hr>元素的class屬性指定了使用哪一個分割線樣式。

CSS分割線可以是網頁設計中非常有用的元素，能夠幫助分隔不同的網頁內容、改善視覺效果，并使頁面看起來更加整潔和易讀。