CSS 列表背景設(shè)置圖片是實(shí)現(xiàn)網(wǎng)頁(yè)美化的一種常用技術(shù)，使網(wǎng)頁(yè)更具視覺(jué)沖擊力。下面先來(lái)介紹如何使用 CSS 列表背景設(shè)置圖片：

ul {
list-style: none; /* 取消列表標(biāo)記 */
padding: 0; /* 取消默認(rèn)內(nèi)邊距 */
margin: 0; /* 取消默認(rèn)外邊距 */
}
li {
background: url(images/list-bg.png) no-repeat; /* 設(shè)置背景圖片 */
padding-left: 20px; /* 添加左側(cè)間距 */
line-height: 30px; /* 設(shè)置行高 */
}

上面代碼中，我們首先取消了默認(rèn)的列表標(biāo)記及內(nèi)外邊距，使列表更加美觀。然后設(shè)置了每一項(xiàng) li 的背景圖片為 list-bg.png，同時(shí)添加一個(gè)左側(cè)間距使文本不會(huì)與圖片重合。最后使用 line-height 屬性設(shè)置每一行的高度，使文本垂直居中顯示。

以上就是 CSS 列表背景設(shè)置圖片的實(shí)現(xiàn)方法，可以根據(jù)需要調(diào)整樣式屬性，達(dá)到更好的視覺(jué)效果。