CSS 垂直導航欄分段是一個經常被使用的效果，本文將介紹如何使用 CSS 實現這一功能。

首先，我們可以使用<ul>和<li>標簽來構建導航欄。例如，我們可以這樣編寫 HTML 代碼：

<ul>
<li>分段 1</li>
<li>分段 2</li>
<li>分段 3</li>
<li>分段 4</li>
<li>分段 5</li>
</ul>

接下來，我們需要使用 CSS 來設置導航欄的樣式。我們可以使用以下代碼：

ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: block;
padding: 10px;
margin: 5px 0;
background-color: #eee;
border-radius: 5px;
}
li:first-child {
margin-top: 0;
}
li:last-child {
margin-bottom: 0;
}

以上代碼中，我們設置了<ul>元素的默認樣式，然后對<li>元素進行了設置。我們使用了display: block;來讓每個元素單獨占用一行，然后對每個元素添加了一定的內邊距和外邊距。我們還設置了每個元素的背景色和圓角邊框，以及針對第一個元素和最后一個元素分別設置了特殊的樣式。

最后，我們可以給某些元素添加自定義的樣式。例如，我們可以這樣給第二個元素添加樣式：

li:nth-child(2) {
background-color: #ffcc00;
}

以上代碼將第二個元素的背景色設置為黃色。

這樣，我們就可以實現 CSS 垂直導航欄分段的效果了。您可以根據自己的需要對樣式進行修改，從而得到更加滿意的效果。