本文目錄導讀：

1. 添加背景顏色
2. 添加背景圖片

CSS導航欄添加背景的方法

在CSS中，我們可以通過添加背景顏色、背景圖片等方式來美化導航欄，下面，我們將詳細介紹如何添加背景顏色以及如何使用背景圖片。

添加背景顏色

我們可以通過CSS的background-color屬性來設置導航欄的背景顏色，我們可以將導航欄的背景顏色設置為灰色：

nav {
    background-color: gray;
}

添加背景圖片

除了背景顏色，我們還可以為導航欄添加背景圖片，這可以通過CSS的background-image屬性來實現(xiàn)，我們可以將導航欄的背景圖片設置為一張圖片：

nav {
    background-image: url('image.jpg');
}

需要注意的是，如果圖片路徑不正確或者圖片不存在，那么背景圖片將無法顯示，在添加背景圖片時，請確保圖片路徑正確且圖片存在。

我們還可以使用CSS的background-repeat屬性來控制背景圖片的重復方式，我們可以將背景圖片設置為不重復：

nav {
    background-image: url('image.jpg');
    background-repeat: no-repeat;
}

通過以上介紹，相信您已經(jīng)掌握了如何在CSS導航欄中添加背景顏色和背景圖片的方法，在實際應用中，您可以根據(jù)具體需求來選擇適合的背景顏色和圖片，以打造出獨具特色的導航欄。