在網頁設計中，常常需要使用到一些分割線或豎線來分隔不同的內容，這時候就可以使用 CSS 來實現。

要創建一個豎線，可以使用 CSS 的 border 屬性，將其設置為對應的顏色和寬度即可。例如：

/* 創建一個紅色豎線，寬度為 2 像素 */
.border {
border-left: 2px solid #ff0000;
}

這里的 border-left 表示將左邊的邊框設置為豎線，solid 表示邊框樣式為實線，#ff0000 表示顏色為紅色。

如果需要創建多條豎線，可以將其放入一個容器中，并設置相應的間距。例如：

/* 創建一個有間隔的豎線容器 */
.container {
display: flex; /* 將容器變為彈性布局 */
justify-content: space-between; /* 讓豎線分布在容器兩端 */
align-items: center; /* 豎線居中對齊 */
}
/* 創建豎線樣式 */
.line {
height: 20px; /* 豎線的高度 */
border-left: 2px solid #ff0000;
margin: 0 10px; /* 豎線與容器的間隔 */
}

這樣，就可以創建出一個有間隔的豎線容器了。

總的來說，使用 CSS 實現分割線或豎線非常靈活和方便，可以根據具體需求進行設置，并且可以很好地配合其他布局和樣式。