CSS中可以通過設(shè)置不同的li來實現(xiàn)對于列表中的不同項目的圖片顯示,具體方法如下:
//通過設(shè)置不同的class來實現(xiàn)對于不同li的圖片顯示樣式 li.one { list-style-image: url("image1.png"); } li.two { list-style-image: url("image2.png"); } li.three { list-style-image: url("image3.png"); }
以上代碼中,通過設(shè)置不同的class名稱來對不同的li進行樣式設(shè)置,并通過list-style-image屬性來設(shè)置對應(yīng)的圖片。
當然,也可以通過設(shè)置不同的id來實現(xiàn)對于不同li的圖片顯示樣式,具體方法如下:
//通過設(shè)置不同的id來實現(xiàn)對于不同li的圖片顯示樣式 #item1 { list-style-image: url("image1.png"); } #item2 { list-style-image: url("image2.png"); } #item3 { list-style-image: url("image3.png"); }
以上代碼中,通過設(shè)置不同的id名稱來對不同的li進行樣式設(shè)置,并通過list-style-image屬性來設(shè)置對應(yīng)的圖片。
需要注意的是,以上代碼中的圖片路徑需要根據(jù)具體情況進行相應(yīng)的修改。
上一篇java aio和nio
下一篇vue點餐App