CSS是前端開發中重要的一部分，可以用來改變頁面的樣式和布局。在網頁中，有時候需要使用圖片來作為列表的標識，而這個標識就是通過li標簽來實現的。如果只是使用默認的列表標識，那么頁面可能會顯得單調和無趣。因此，我們可以使用CSS來改變li標簽圖片，以更好地展示頁面。

li {
list-style-image: url("example.png");
}

通過上述代碼，我們可以將li標簽的默認列表標識改為自己所選的圖片。其中，"example.png"是所選的圖片的地址。可以根據自己的需求修改圖片的地址。

除了將圖片作為列表標識，我們還可以在li標簽中設置背景圖像來實現更加豐富的效果。

li {
background-image: url("example.png");
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}

通過上述代碼，我們將li標簽的背景圖片設置為所選的圖片，并且設置不重復、居左、居中等樣式。同時，為了避免圖片和li標簽的內容重疊在一起，還需要設置padding-left屬性，給文字留出足夠的空間。

CSS的使用可以讓我們在網頁設計中發揮無限創意，只要我們靈活運用，就可以實現獨一無二的效果。改變li標簽的圖片只是CSS中的一個小應用，希望這篇文章能夠對前端開發者有所幫助。