在網頁設計中，經常會用到無序列表（ul）和有序列表（ol）來排版。而列表項（li）中常常需要添加圖片，以使網頁更加美觀。本文將介紹如何在css中使用li標簽添加圖片。 首先，需要給li元素添加一個類名。比如，給無序列表添加一個類名“list”，則可以在css中這樣寫：

.list li {
list-style: none; /*去掉默認的圓點標記*/
background-image: url(image.jpg); /*添加圖片*/
background-repeat: no-repeat; /*禁止重復*/
padding-left: 20px; /*設置左側留白，使圖片與文字對齊*/
}

在代碼中，我們使用了background-image屬性來添加圖片，同時用background-repeat屬性禁止了圖片重復。padding-left屬性是為了使圖片與文字對齊，并讓頁面更美觀。 如果需要在列表項中添加多張圖片，則可以用background-position屬性來設置圖片位置，如下所示：

.list li {
list-style: none;
background-image: url(image1.jpg), url(image2.jpg); /*添加多張圖片*/
background-repeat: no-repeat, no-repeat;
background-position: left center, right center; /*分別設置兩張圖片的位置*/
padding-left: 20px;
}

通過以上代碼，就可以在li標簽中輕松添加圖片了。這不僅可以讓網頁更加美觀，還可以很好地展示圖片內容，提高網站的吸引力和用戶體驗。