CSS導航條是網頁設計中非常重要的一部分。它可以為網頁增添美觀性，同時也方便了用戶的操作。在CSS中，我們可以使用圖片作為導航條的背景，讓導航條呈現出不同的風格或者風格更加豐富。

.nav{
background-image:url('nav-bg.jpg');
width: 960px;
height: 50px;
margin: 0 auto;
}

在上面的代碼中，我們使用了一個名為nav-bg.jpg的圖片作為導航條的背景。同時，我們還設置了導航條的寬度為960像素，高度為50像素，并且讓它居中顯示。

如果我們想要讓導航條背景圖片重復出現，只需添加background-repeat屬性即可：

.nav{
background-image:url('nav-bg.jpg');
width: 960px;
height: 50px;
margin: 0 auto;
background-repeat: repeat-x; /* 橫向重復 */
}

在上面的代碼中，我們使用了repeat-x值，表示讓圖片在水平方向上重復出現。

如果我們想要讓背景圖片固定，不隨導航條的滾動而移動，只需添加background-attachment屬性即可：

.nav{
background-image:url('nav-bg.jpg');
width: 960px;
height: 50px;
margin: 0 auto;
background-repeat: repeat-x;  /* 橫向重復 */
background-attachment: fixed; /* 圖片固定 */
}

在上面的代碼中，我們使用了fixed值，表示讓圖片固定在視口中的位置。

通過使用不同的背景圖片，我們可以讓導航條呈現出不同的風格和氛圍，從而更好地為用戶服務。