CSS導(dǎo)航條是網(wǎng)頁開發(fā)中常用的一種設(shè)計(jì)元素，可以為網(wǎng)頁提供整潔、明了的導(dǎo)航功能。以下是一個(gè)簡(jiǎn)單的CSS導(dǎo)航條代碼示例：

.navbar{
background-color: #333;
overflow: hidden;
}
.navbar a{
float: left;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.navbar a:hover{
background-color: #ddd;
color: black;
}

以上代碼中，navbar 類為導(dǎo)航條的樣式類，通過 background-color 屬性設(shè)定導(dǎo)航條的背景顏色。 navbar a 為鏈接的樣式類，通過 float 設(shè)定鏈接為左浮動(dòng)，color 設(shè)定字體顏色為白色，text-align 設(shè)定文字居中，padding 設(shè)定上下左右邊距為14px和16px，text-decoration 設(shè)定文字無下劃線。

在hover狀態(tài)下，通過 background-color 改變鏈接的背景顏色，color 改變字體顏色為黑色。

以上代碼可對(duì)應(yīng)到網(wǎng)頁的 HTML 代碼，例如：

<div class="navbar">
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
</div>

以上HTML代碼中，navbar 類為導(dǎo)航條的樣式類，a 標(biāo)簽為鏈接，href 屬性設(shè)定鏈接跳轉(zhuǎn)的目標(biāo)地址，鏈接的文字內(nèi)容分別為 Home、About、Contact。

將以上HTML代碼和CSS代碼復(fù)制到相應(yīng)文件中并保存，即可獲得一個(gè)簡(jiǎn)單的CSS導(dǎo)航條。