CSS是一種用于網頁設計的語言，它可以使網頁更加美觀與易讀。在網頁設計中，常常需要使用分割線來隔離不同區塊，增強視覺效果。下面我們就來介紹一下如何使用CSS創建分割線。

/*創建水平分割線*/
hr {
border: none;
border-top: 1px solid #ccc;
margin: 10px 0;
}
/*創建垂直分割線*/
.vertical-line {
border-left: 1px solid #ccc;
height: 50px;
margin: 0 10px;
}

通過上面的代碼，我們可以創建兩種不同類型的分割線，分別是水平分割線和垂直分割線。其中，水平分割線是通過設置hr標簽的樣式實現的，代碼中通過border-top屬性設置頂部邊框樣式，再通過margin屬性設置分割線與其他元素的距離，從而實現分割線的效果。

而垂直分割線則需通過自定義類名.vertical-line實現。在代碼中，我們通過border-left屬性設置左側邊框樣式，再設置height屬性設置分割線的高度，并通過margin屬性設置分割線與其他元素的距離，從而實現垂直分割線的效果。

總的來說，創建分割線只需要設置邊框樣式、高度和與其他元素的距離即可。通過CSS的設置，我們可以輕松地創建出符合我們需求的分割線，讓網頁更加美觀與易讀。