在網(wǎng)站開發(fā)中，導(dǎo)航欄是一個十分重要的部分，可以幫助用戶更好地瀏覽網(wǎng)站內(nèi)容。然而，如何美化導(dǎo)航欄成為一個問題。本文將介紹如何使用CSS來改變導(dǎo)航欄的背景色。

/* 導(dǎo)航欄樣式 */
.navbar {
width: 100%;
background-color: #333;
overflow: auto;
display: flex;
justify-content: space-between;
align-items: center;
}
/* 導(dǎo)航欄菜單項(xiàng)樣式 */
.nav-item {
display: inline-block;
margin: 0 10px;
}
/* 導(dǎo)航欄菜單項(xiàng)文字樣式 */
.nav-link {
display: block;
color: #fff;
padding: 8px 16px;
text-decoration: none;
}
/* 鼠標(biāo)懸浮導(dǎo)航欄菜單項(xiàng)樣式 */
.nav-link:hover {
background-color: #555;
}

以上是一個簡單的導(dǎo)航欄樣式，其中nav-link類定義了菜單項(xiàng)的樣式，nav-link:hover類定義了鼠標(biāo)懸浮時(shí)的樣式。通過定義:hover，可以使導(dǎo)航欄菜單項(xiàng)在鼠標(biāo)懸浮時(shí)改變顏色。

在該樣式中，導(dǎo)航欄背景色為#333，菜單項(xiàng)文字顏色為#fff，鼠標(biāo)懸浮時(shí)菜單項(xiàng)背景色為#555。如果需要更改導(dǎo)航欄背景色或者菜單項(xiàng)文字顏色，只需要修改對應(yīng)的屬性值即可。

總的來說，通過CSS可以輕松地改變導(dǎo)航欄菜單項(xiàng)的樣式，這樣可以讓導(dǎo)航欄更美觀、更易用。希望這篇文章能夠?qū)δ兴鶐椭?/p>