CSS導航豎狀樣式是現代網頁設計中最流行的一種導航樣式之一。它的特點是將導航條放置在頁面的側邊，方便用戶在不同頁面之間快速切換。如果你想使用這種樣式來設計你的網站，下面的代碼將會幫助你實現。

.nav {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 200px;
background-color: #333;
color: #fff;
padding: 10px;
}
.nav ul {
list-style: none;
padding: 0;
margin: 0;
}
.nav li {
margin: 0;
padding: 0;
}
.nav a {
display: block;
padding: 10px;
color: #fff;
text-decoration: none;
}
.nav a:hover {
background-color: #555;
}
.nav .active {
background-color: #555;
}

以上代碼通過設置導航條的位置和樣式，來實現導航豎狀樣式。你可以將它們應用在你的HTML和CSS中，具體效果取決于你的網站設計。