在網頁設計中，常常需要設計豎向導航，以便讓用戶更加方便地瀏覽網站內容。而 CSS 正是其中一種實現豎向導航的技術。

/*設置豎向導航的樣式*/
nav {
width: 250px;
background-color: #f0f0f0;
padding: 10px;
}
/*設置導航鏈接的樣式*/
nav a {
display: block;
text-decoration: none;
font-size: 16px;
color: #333;
padding: 10px;
margin: 5px 0;
}
/*設置鼠標懸停的樣式*/
nav a:hover {
background-color: #ddd;
color: #000;
border-radius: 5px;
}

在上述代碼中，我們首先設置了豎向導航的大小、背景色和內邊距，并通過a標簽來定義導航鏈接的樣式。接著，我們通過:hover偽類來設置鼠標懸停時的樣式，這樣用戶就可以很方便地知道自己鼠標指向了哪一個鏈接。

使用 CSS 設計豎向導航的好處在于，我們可以很方便地進行樣式的定制和修改，而不需要重新修改 HTML 代碼。同時，CSS 還可以為我們提供更多的樣式效果，如背景漸變、陰影等。