CSS菜單欄一直是網站中經常出現的一種導航形式。為了讓菜單欄更加美觀，我們可以添加一些邊框來美化它。在這里，我們將介紹如何通過添加左側邊框來為CSS菜單欄添加樣式。

/* 定義菜單欄的樣式 */
.nav {
display: flex;
justify-content: space-between;
padding: 20px 30px;
background-color: #fff;
border: 1px solid #ccc;
}
/* 定義菜單項的樣式 */
.nav-item {
padding: 10px 20px;
font-weight: bold;
color: #333;
}
/* 添加左側邊框的樣式 */
.nav-item::before {
content: '';
display: block;
position: absolute;
left: -5px;
top: 50%;
transform: translateY(-50%);
height: 20px;
border-left: 5px solid #333;
}

首先，我們需要定義菜單欄的基本樣式，并將其以flex布局進行排列。接著，我們需要在每個菜單項的前面添加一個偽元素，并設置其為絕對定位。然后，我們可以使用border-left屬性為這個偽元素添加左側邊框，從而完成菜單欄左側邊框的添加。

以上就是如何通過添加左側邊框為CSS菜單欄添加樣式的方法。通過這種方法，我們可以輕松地制作出美觀實用的菜單欄。值得注意的是，為了使菜單項左側邊框對齊，我們需要在偽元素的left屬性中設置一個合適的偏移量。