CSS作為網頁設計中不可或缺的一項技術，使我們可以輕松地對頁面各個元素進行樣式設計。在制作導航欄時，我們通常會使用無序列表（ul）和有序列表（ol）來進行布局，而li標簽則是列表中的每一項。

為了讓導航欄更加美觀，我們可以給每個li項添加一個分割線進行區分。在CSS中，我們可以通過偽元素:before或:after來實現這一效果。

li::after{
content:'';
width:2px;
height:10px;
background-color:#ccc;
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
}

上述代碼中，我們使用了偽元素來添加一個2px寬、10px高的豎線，背景顏色設置為#ccc。由于我們想要豎線出現在每個li項的右側，因此將元素的position屬性設置為absolute，并將right屬性設為0。接著，我們使用transform屬性將元素垂直居中。

注意，在使用偽元素時，我們需要設置content屬性才能正確顯示元素。另外，如果想要在每個li項之間添加豎直分割線，我們還需要在ul或ol元素上設置border-right屬性。

ul{
border-right:2px solid #ccc;
}

上述代碼中，我們設置了一個寬度為2px、顏色為#ccc的實線作為ul元素的右邊框。

通過對li項的分割線和ul元素的邊框進行樣式設計，我們可以讓導航欄看起來更加精致和美觀，提高網站整體的用戶體驗。