CSS 是前端開發(fā)中的重要技術(shù)之一，可以用來控制 HTML 的樣式。在 Web 開發(fā)中，經(jīng)常需要為列表項（ <li>）設(shè)置背景圖片，下面就介紹一下如何使用 CSS 來設(shè)置 <li> 的背景圖片。

li {
background-image: url('路徑/圖片名.png');
}

上面的代碼中，我們使用了 background-image 屬性為 <li> 元素設(shè)置了背景圖片，并將圖片路徑和名稱填寫在 url() 函數(shù)中。請注意，這里的路徑是相對于 CSS 文件的路徑。

如果需要為 <li> 設(shè)置不同的背景圖片，可以指定不同的類名，然后在 CSS 中為每個類名分別設(shè)置不同的圖片：

li.image1 {
background-image: url('路徑/圖片1.png');
}
li.image2 {
background-image: url('路徑/圖片2.png');
}

上面的代碼中，我們?yōu)?<li> 元素添加了兩個不同的類名 image1 和 image2，并在下面的 CSS 中為它們設(shè)置了不同的背景圖片。

如果需要將背景圖片平鋪（repeat）或拉伸（no-repeat）到 <li> 元素的整個背景中，可以使用 background-repeat 屬性。例如，如果需要將背景圖片水平和垂直都鋪滿整個 <li> 元素，可以這樣寫：

li {
background-image: url('路徑/圖片名.png');
background-repeat: repeat;
}

除了上述屬性之外，還可以使用 background-position 屬性來控制背景圖片的位置；使用 background-size 屬性來設(shè)置背景圖片的尺寸；使用 background-color 屬性為背景圖片添加顏色遮罩等。

總的來說，為 <li> 元素設(shè)置背景圖片是 Web 開發(fā)中常用的操作之一。使用 CSS 可以輕松實現(xiàn)這個功能，并且可以為不同的 <li> 元素設(shè)置不同的背景圖片，以增強頁面的可視化效果。