CSS導航欄分隔條是增加導航欄菜單之間的邊框或者分隔線的方式，可以讓導航欄菜單看起來更加清晰，也可以更好地區分不同的頁面或者頁面分組。下面將講解如何使用CSS在導航欄中添加分隔條。

.nav-list{
display: flex;
justify-content: space-between;
align-items: center;
}
.nav-list li{
padding: 0 10px;
}
.nav-list li:not(:last-child):after{
content: "";
display: block;
height: 100%;
margin-left: 10px;
border-right: 1px solid #333;
}

首先，我們要先將導航欄菜單的樣式進行設置，這里采用了flex布局，設置了菜單之間的間距和對齊方式。對于每個菜單項，我們也要設置一定的內邊距，使其看起來更加美觀。

其次，我們要在菜單項之間添加分隔線，這里采用了:after偽類來實現。通過設置content屬性為空，將它變成一個空元素。然后，我們將它的高度設為100%，讓它與菜單項的高度一致，同時設置margin-left屬性，將它按照給定的距離進行向右偏移。最后，設置邊框樣式，這里使用了一像素的實線邊框，并且使用了#333作為邊框顏色。

當以上代碼生效后，我們就可以看到每個菜單項之間已經出現了一條分隔線，讓導航欄菜單看起來更加清晰和美觀。