css中l(wèi)ist-style的示例分析

這篇文章主要為大家展示了“css中l(wèi)ist-style的示例分析”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css中l(wèi)ist-style的示例分析”這篇文章吧。

html語律例定li必須在ul或ol內(nèi)使用，那末對ul或ol或者設(shè)置list-style-image引入圖片作為li的背面組織素材。但一樣平常div css機(jī)關(guān)時候不采用這種方式來設(shè)置li的負(fù)面圖片素材，一樣平常對li直接設(shè)置裝備擺設(shè)后臺圖片，多么兼容更好，更容易管教。

我們運(yùn)用對照多是list-style的list-style-type屬性來配置li默認(rèn)后面名堂。

默認(rèn)ul li和ol li的格局

2、list-style-type的值與疏解
下列梗概自己下去測試看看各類值效果。
參數(shù)：
disc : 　CSS1　實(shí)心圓
circle : 　CSS1　空心圓
square : 　CSS1　實(shí)心方塊
decimal : 　CSS1　阿拉伯?dāng)?shù)字
lower-roman : 　CSS1　大寫羅馬數(shù)字
upper-roman : 　CSS1　大寫羅馬數(shù)字
lower-alpha : 　CSS1　大寫英筆墨母
upper-alpha : 　CSS1　大寫英筆墨母
none : 　CSS1　不應(yīng)用工程標(biāo)志
armenian : 　CSS2　古板的亞美尼亞數(shù)字
cjk-ideographic : 　CSS2　淺白的表意數(shù)字
georgian : 　CSS2　古板的喬治數(shù)字
lower-greek : 　CSS2　底子的希臘小寫字母
hebrew : 　CSS2　激進(jìn)的希伯萊數(shù)字
hiragana : 　CSS2　日文平假名字符
hiragana-iroha : 　CSS2　日文平化名序號
katakana : 　CSS2　日文片假名字符
katakana-iroha : 　CSS2　日文片假名序號
lower-latin : 　CSS2　小寫拉丁字母
upper-latin : 　CSS2　大寫拉丁字母

以上是“css中l(wèi)ist-style的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！