CSS是一種層疊樣式表語言，它可以幫助我們把網頁的布局、字體、顏色、大小等各種樣式都統一到一張CSS文件中，大大減輕了網頁開發者的工作量。本文將為大家介紹如何使用CSS劃分割線。

/*使用border屬性畫線*/
.split-line {
border-top: 1px solid #CCCCCC;
}
/*使用background-image屬性，讓背景圖片作為線*/
.split-line {
background-image: url('line.png');
background-repeat: repeat-x;
}

如上所示，我們可以使用兩種不同的方式來劃分線。第一種方式是使用border屬性，我們設置了一個上邊框，并將其顏色設置為灰色。如果需要粗細不同的線，可以調整border的寬度；顏色也可以隨意調整。此外，還可以根據需要設置線的樣式，如dotted、dashed等。

第二種方式是使用background-image屬性來實現，我們首先需要準備一張純色的橫條背景圖片，并將之命名為line.png。然后在CSS文件中，我們將其設置為背景圖片，并將background-repeat屬性設置為repeat-x，讓圖片水平重復填充。這樣，我們就可以使用純色圖片作為線，也可以隨時更換圖片來改變線的樣式。

除了這兩種方式之外，CSS還提供了其他的繪制線的方式，包括使用偽元素:before和:after、使用box-shadow屬性等。在實際開發中，我們可以根據具體需求來選擇使用哪種方式，以達到最佳的視覺效果。