CSS是構建網頁樣式的一種技術，可以幫助我們實現絕大多數網頁布局，其中分割線（也稱作分隔符）是經常被使用的一個效果，尤其是分割頁面中的板塊時。然而，分割線默認的方向是水平的，如果我們想要實現垂直的分割線，就需要使用CSS的一些技巧。

首先，我們需要給分割線指定高度和寬度，例如我們希望分割線高度為100px，寬度為1px。使用CSS代碼如下：

.separator {
height: 100px;
width: 1px;
}

接著，我們需要將分割線旋轉90度，這樣它就會變成豎直的了。在CSS中，我們可以使用transform屬性對元素進行旋轉，其中rotate()函數可以實現旋轉。我們將分割線旋轉90度即可，如下所示。

.separator {
height: 100px;
width: 1px;
transform: rotate(90deg);
}

最后，我們可以根據需要修改分割線的顏色和位置等屬性，完善它的效果。例如，我們可以將分割線居中顯示，并設置為紅色，如下所示的CSS代碼。

.separator {
position: absolute;
top: 50%;
left: 0;
transform: rotate(90deg);
height: 1px;
width: 100px;
background-color: red;
}

總結起來，要實現豎直的分割線，我們需要使用CSS的transform屬性對元素進行旋轉，同時給分割線指定高度和寬度。在此基礎上，我們可以根據需求修改分割線的顏色、位置等屬性，以達到最終的效果。