如何理解css中l(wèi)i前面點(diǎn)的樣式或換成圖片不適用其默認(rèn)樣式

這篇文章主要介紹“如何理解css中l(wèi)i前面點(diǎn)的樣式或換成圖片不適用其默認(rèn)樣式”，在日常操作中，相信很多人在如何理解css中l(wèi)i前面點(diǎn)的樣式或換成圖片不適用其默認(rèn)樣式問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”如何理解css中l(wèi)i前面點(diǎn)的樣式或換成圖片不適用其默認(rèn)樣式”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

不使用li樣式：list-style-type:none;

如果要定義為圖片：

代碼如下:

li{
list-style: url("pre.gif") outside circle;
}

改顏色

代碼如下:

li{
color:#f00;
}

關(guān)于這個(gè)list-style-type的一些語(yǔ)法與參數(shù)：

語(yǔ)法：

list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin

取值：
disc :　 CSS1 默認(rèn)值。實(shí)心圓
circle :　 CSS1 空心圓
square :　 CSS1 實(shí)心方塊
decimal :　 CSS1 阿拉伯?dāng)?shù)字
lower-roman :　 CSS1 小寫(xiě)羅馬數(shù)字
upper-roman :　 CSS1 大寫(xiě)羅馬數(shù)字
lower-alpha :　 CSS1 小寫(xiě)英文字母
upper-alpha :　 CSS1 大寫(xiě)英文字母
none :　 CSS1 不使用項(xiàng)目符號(hào)

到此，關(guān)于“如何理解css中l(wèi)i前面點(diǎn)的樣式或換成圖片不適用其默認(rèn)樣式”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！