在HTML中，我們經(jīng)常使用無序列表（ul）和有序列表（ol）來呈現(xiàn)一系列內(nèi)容。而列表項目（li）是列表中的每一個條目。 有時候，我們希望能夠給列表中的某些項目添加一些特殊的樣式，比如設置背景圖。那么該如何實現(xiàn)呢？接下來我們來看一下如何利用CSS來設置li的背景圖。 首先，在HTML中我們需要定義一個ul或ol列表，并在其中添加li元素。代碼如下：

<ul>
<li>列表項目1</li>
<li>列表項目2</li>
<li>列表項目3</li>
</ul>

然后，在CSS中，我們需要定義一個新的類，用來設置li元素的樣式。代碼如下：

.my-list-item {
background-image: url("path/to/image.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

在這段代碼中，我們使用了background-image屬性來設置li元素的背景圖，該屬性值為圖片的路徑。接著，我們使用了background-repeat屬性來指定圖片不重復出現(xiàn)，background-position屬性來指定圖片的對齊方式，以及background-size屬性來指定圖片的大小。 最后，我們需要將新的樣式類應用到HTML中的li元素上。代碼如下：

<ul>
<li class="my-list-item">列表項目1</li>
<li>列表項目2</li>
<li>列表項目3</li>
</ul>

通過上述步驟，我們就成功地將li元素的背景圖設置為了一張新的圖片。當然，為了實現(xiàn)更加復雜的樣式，我們也可以在CSS中添加其他屬性來修改li元素的外觀。