在網(wǎng)站開(kāi)發(fā)中，垂直導(dǎo)航條是非常常見(jiàn)的一種導(dǎo)航方式。下面是一些基本的 CSS 代碼，用于創(chuàng)建一個(gè)簡(jiǎn)單的垂直導(dǎo)航條。

/* 設(shè)置容器的寬度和背景顏色 */
.nav {
width: 200px;
background-color: #f2f2f2;
}
/* 設(shè)置每個(gè)導(dǎo)航鏈接的樣式 */
.nav a {
display: block; /* 將鏈接設(shè)為塊級(jí)元素 */
padding: 10px; /* 設(shè)置內(nèi)邊距 */
color: #000; /* 設(shè)置文字顏色 */
text-decoration: none; /* 去掉下劃線 */
}
/* 當(dāng)鏈接被鼠標(biāo)懸停時(shí)改變背景顏色 */
.nav a:hover {
background-color: #ddd;
}

需要注意的是，以上代碼僅僅是一個(gè)簡(jiǎn)單的開(kāi)始，你可以根據(jù)自己的需求，對(duì)垂直導(dǎo)航條進(jìn)行更多的樣式修改。

接下來(lái)是 HTML 代碼，這部分代碼決定了導(dǎo)航條中的具體鏈接內(nèi)容：

<div class="nav">
<a href="#">鏈接1</a>
<a href="#">鏈接2</a>
<a href="#">鏈接3</a>
<a href="#">鏈接4</a>
</div>

你可以在 <a> 標(biāo)簽中添加任何你需要的內(nèi)容。當(dāng)然，你也可以添加更多的樣式，以滿足你的需求。