作為網頁中常用的一種元素，菜單欄必須要設計得美觀、易用。在 CSS 中，我們可以為菜單欄添加分割線，以增加其整體美觀度和可讀性。

為菜單欄添加分割線的代碼如下：

.menu-item {
border-right: 1px solid #ccc;
}

以上代碼會為菜單欄中的每一個菜單項添加右邊框，每一個菜單項之間就會出現一條細細的分割線。

然而，以上代碼只添加了橫向的分割線，如果我們想要添加豎向的分割線，我們需要使用其它的技巧。例如：

/* 橫向分割線 */
.menu-item {
border-right: 1px solid #ccc;
}
/* 豎向分割線 */
.menu {
display: flex;
}
.menu-item:not(:last-child) {
margin-right: 10px;
}
.menu-item::before {
content: "";
width: 1px;
height: 16px;
background-color: #ccc;
margin-right: 10px;
}

以上代碼會為菜單欄中的每一個菜單項添加一個豎向的分割線，并且會保存菜單項與分割線之間的間隔，讓菜單欄更加美觀。

總之，CSS 中的菜單欄分割線可以讓我們更好地設計一個美觀、易用、高效的導航欄。