CSS導(dǎo)航條

CSS導(dǎo)航條一般用于網(wǎng)站頭部，用來鏈接不同頁面或不同部分。

.nav {
background-color: #333;
overflow: hidden;
display: flex;
}
.nav a {
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.active {
background-color: #4CAF50;
}
.nav a:hover {
background-color: #ddd;
color: black;
}

上面是一個簡單的CSS代碼，用于創(chuàng)建一個有標(biāo)題的導(dǎo)航條。其中，“.nav”表示導(dǎo)航條的類名，可以隨意自定義。背景顏色可以修改，代碼中的顏色是黑色，設(shè)置為“#333”。同時，為了讓導(dǎo)航條中的鏈接水平展示，需要添加“display: flex;”。

接下來，“.nav a”表示導(dǎo)航條中的鏈接標(biāo)簽。可以設(shè)置字體顏色、“padding”（內(nèi)邊距）和文本對齊方式。在代碼中，內(nèi)邊距的上下值為14像素，左右值為16像素。

如果需要高亮標(biāo)記當(dāng)前頁面的鏈接，需要添加“.active”類。這個類的背景顏色可以修改，代碼中是綠色“#4CAF50”。

最后，當(dāng)鼠標(biāo)放在導(dǎo)航鏈接上時，可以改變其背景顏色，通過添加“:hover”可以實現(xiàn)。背景顏色可以修改，代碼中是淡灰色“#ddd”，文字顏色更改為黑色。

總之，利用CSS創(chuàng)建導(dǎo)航條非常簡單，您可以根據(jù)需要調(diào)整顏色、大小和鏈接文字等方面，以適應(yīng)不同的需求。