在設計網頁頁面時，豎向菜單是一個很常見的元素。豎向菜單可以在網頁的一個側邊欄或頂部欄中以列表形式呈現出來，讓網站訪客能夠方便地導航到其他頁面。在本文中，我們將介紹如何使用CSS來創建一個簡單的豎向菜單。

要創建我們的豎向菜單，我們將使用一個無序列表（ul）和一些基本的CSS樣式。代碼如下所示：

<ul>
<li><a href="#">菜單項1</a></li>
<li><a href="#">菜單項2</a></li>
<li><a href="#">菜單項3</a></li>
<li><a href="#">菜單項4</a></li>
</ul>
ul {
list-style: none;
padding: 0;
margin: 0;
}
li {
padding: 10px;
border-bottom: 1px solid #ccc;
}
li:last-child {
border-bottom: none;
}
a {
color: #333;
text-decoration: none;
}

在上面的代碼中，我們首先創建了一個無序列表，并在其中添加了四個菜單項。接下來，我們使用CSS樣式來定義列表項（li）和鏈接（a）的樣式。

在ul樣式中，我們將默認的列表樣式（list-style）設為“none”，并將內邊距（padding）和外邊距（margin）設為“0”，以確保菜單與其父容器的距離被完全清除。

在li樣式中，我們將內邊距設為“10px”，以提供一些空白空間。我們還添加了一個底部邊框（border-bottom），使菜單項之間有一些可分隔的分隔符。我們通過最后一個li元素的“:last-child”偽類來清除最后一個菜單項的底部邊框，以避免顯示多余的分隔符。

在a樣式中，我們將鏈接文字的顏色設為黑色，將文本裝飾（text-decoration）設為“none”，以消除鏈接下劃線。

到此為止，我們已經創建了一個簡單、經典的豎向菜單。隨著我們的設計需求的變化，我們可以使用其他CSS屬性來對菜單進行進一步的樣式化，并將其更好地融入我們的網站設計之中。