在網頁設計中，導航欄是非常重要的一部分。而設置導航背景圖是讓導航欄更加出色的方法之一。那么，下面就讓我們來看看如何在HTML中設置導航欄的背景圖吧。 首先，在HTML中創建導航欄。通常情況下，我們使用無序列表來創建導航欄，每個列表項代表導航欄的一個選項。例如：

Home
About
Services
Contact

然后，在CSS中設置導航欄的樣式。這里我們需要用到background-image屬性，它用來設置導航欄的背景圖像。例如：

ul {
list-style-type: none; /* 去掉無序列表的標志 */
margin: 0;
padding: 0;
overflow: hidden; /* 隱藏溢出的內容 */
background-image: url("nav_bg.jpg"); /* 設置導航欄的背景圖像 */
background-repeat: no-repeat; /* 防止背景圖像重復 */
background-size: cover; /* 根據容器大小自適應 */
}
li {
float: left; /* 使列表項橫向排列 */
}
li a {
display: block; /* 讓鏈接成為塊級元素，這樣我們才能為其添加樣式 */
color: #fff; /* 設置鏈接的顏色 */
text-align: center; /* 文字居中 */
padding: 14px 16px; /* 給鏈接添加內邊距 */
text-decoration: none; /* 去掉鏈接的下劃線 */
}
li a:hover {
background-color: #555; /* 當鼠標懸停在鏈接上時，添加背景色 */
}

最后的效果如下圖所示：  在這個例子中，我們使用了一個名為"nav_bg.jpg"的背景圖像來裝飾導航欄。你也可以使用其他的圖像，甚至可以使用CSS漸變來設計導航欄的背景。通過設置背景圖像，可以讓導航欄更加美觀，給用戶留下更深刻的印象，提高網站的用戶體驗。