色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css 不同li設(shè)置圖片

阮建安2年前8瀏覽0評論

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)的修改。

下一篇vue點餐App