在CSS中，我們可以使用偽元素來在菜單欄的左側(cè)添加豎線，以下是一個(gè)簡單的示例，展示如何實(shí)現(xiàn)這一功能：

我們需要?jiǎng)?chuàng)建一個(gè)基本的菜單欄結(jié)構(gòu)，假設(shè)我們的HTML代碼如下：

<ul class="menu">
    <li>菜單項(xiàng)1</li>
    <li>菜單項(xiàng)2</li>
    <li>菜單項(xiàng)3</li>
    <li>菜單項(xiàng)4</li>
    <li>菜單項(xiàng)5</li>
</ul>

我們可以使用CSS來添加豎線，以下是實(shí)現(xiàn)這一功能的CSS代碼：

.menu {
    position: relative; /* 相對于其正常位置定位 */
    list-style-type: none; /* 移除列表前的標(biāo)記 */
}
.menu::before {
    content: ""; /* 插入一個(gè)空內(nèi)容 */
    position: absolute; /* 相對于其***近的定位祖先（這里是.menu）定位 */
    left: 0; /* 豎線從左側(cè)開始 */
    top: 0; /* 豎線從頂部開始 */
    height: 100%; /* 豎線占據(jù)整個(gè)菜單的高度 */
    border-left: 1px solid #000; /* 添加豎線 */
}

在這個(gè)示例中，我們使用了偽元素::before 來在菜單欄的左側(cè)添加豎線，通過設(shè)置position: absolute;，我們可以將豎線定位在菜單欄的左側(cè)，并且使其占據(jù)整個(gè)菜單的高度，我們還添加了一個(gè)邊框來可視化豎線。

你可以根據(jù)自己的需求調(diào)整這個(gè)示例，例如改變豎線的顏色、粗細(xì)等，希望這個(gè)示例能幫助你在CSS中給菜單欄添加豎線！