CSS中的垂直線是一種非常有用的設計元素，它可以讓網頁布局更加明確和美觀。在CSS中實現垂直線可以使用偽類和CSS屬性。

首先，我們可以使用偽類為父元素添加垂直線。代碼如下：

.parent::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 50%;
border-left: 1px solid #000;
}

上面的代碼使用了CSS的偽類::after，它會在父元素最后添加一個偽元素，我們可以通過設置這個偽元素的樣式來實現垂直線。具體來講，我們設置了content為空字符串，在頁面上不會顯示任何內容。然后設置了偽元素的position為absolute，這樣它就可以與父元素重疊并且可以根據父元素的位置來設置top、bottom、left和right的值。在這里，我們將left設置為50%，這樣垂直線就可以分割父元素的左右兩個部分。最后，我們設置了border-left屬性來顯示垂直線，它的值為1px實線黑色。

除了使用偽類，我們也可以設置父元素的border-left屬性來實現垂直線。代碼如下：

.parent {
border-left: 1px solid #000;
}

在這里，我們直接設置父元素的border-left屬性，它的值為1px實線黑色。這樣就可以為父元素添加垂直線。

需要注意的是，如果您想在內容之間添加垂直線，可以使用CSS的border和padding屬性來實現。具體來講，您可以為父元素設置border-left或border-right屬性，然后為子元素設置padding-left或padding-right屬性來調整垂直線與內容的距離。

綜上所述，實現CSS中的垂直線可以使用偽類或CSS屬性。具體而言，我們可以使用::after偽類添加偽元素來實現垂直線，也可以直接設置父元素的border-left或border-right屬性來實現。在具體的設計中，您可以根據實際情況使用這些方法來為網頁添加垂直線。