CSS導航欄是網站中重要的組成部分之一，它在頁面中具有引導用戶，方便用戶瀏覽的作用。而在實現導航欄的時候，我們有時會希望導航欄的樣式能夠根據不同狀態進行改變。這里我將介紹一種改變CSS導航欄顏色的方法。

/* CSS代碼開始 */
.nav-bar {
background-color: #ccc; /* 導航欄默認背景顏色 */
}
.nav-bar:hover {
background-color: #999; /* 鼠標懸停時背景顏色 */
}
.nav-bar.active {
background-color: #666; /* 導航欄選中時背景顏色 */
}
/* CSS代碼結束 */

首先我們定義導航欄的初始背景顏色為灰色，使用偽類:hover實現當鼠標懸停在導航欄時，導航欄的顏色會變成深灰色，提高了導航欄的可交互性。

其次，我們通過給當前被選中導航欄元素添加一個類.active,來改變導航欄的背景顏色為黑色，讓用戶清楚地知道自己當前所在的頁面位置。

除了進行背景顏色的改變，我們還可以進行其他樣式的改變，例如字體顏色、邊框顏色、陰影等等，具體實現可根據頁面需求進行定制。

通過以上方法，我們可以輕松地實現CSS導航欄背景顏色的改變，為用戶提供更加友好的交互體驗。