這篇文章主要介紹了css中的list-style是如何設(shè)置列表li標(biāo)簽樣式，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

10年積累的成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶(hù)對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶(hù)得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有西鄉(xiāng)免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

一、list-style浸染與用途

list-style是設(shè)置列表li的格式。例如li后面為阿拉伯?dāng)?shù)字、圓點(diǎn)、實(shí)心圓、圖片、空心圓、大寫(xiě)英翰墨母、大寫(xiě)英文字母、古板的亞美尼亞數(shù)字等。

二、語(yǔ)法

1、語(yǔ)法：
list-style : list-style-image || list-style-position || list-style-type

咱們知道html語(yǔ)律例定li必需在ul或ol內(nèi)應(yīng)用，那么對(duì)ul或ol或是設(shè)置list-style-image引入圖片作為li的后頭構(gòu)造素材。但通常div css布局時(shí)分不采用這類(lèi)方法來(lái)配置li的背面圖片素材，通常對(duì)li直接設(shè)置裝備擺設(shè)背景圖片，這樣兼容更好，更容易管制。

我們運(yùn)用相比多是list-style的list-style-type屬性來(lái)配置li默許后頭花樣。

默認(rèn)ul li和ol li的樣式

2、list-style-type的值與表述
下列大約自身上去測(cè)試看看各類(lèi)值功效。
參數(shù)：
disc : 　CSS1　實(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　不運(yùn)用工程標(biāo)志
armenian : 　CSS2　保守的亞美尼亞數(shù)字
cjk-ideographic : 　CSS2　淺亮的表意數(shù)字
georgian : 　CSS2　古板的喬治數(shù)字
lower-greek : 　CSS2　根柢的希臘小寫(xiě)字母
hebrew : 　CSS2　傳統(tǒng)的希伯萊數(shù)字
hiragana : 　CSS2　日文平假名字符
hiragana-iroha : 　CSS2　日文平假名序號(hào)
katakana : 　CSS2　日文片假名字符
katakana-iroha : 　CSS2　日文片假名序號(hào)
lower-latin : 　CSS2　小寫(xiě)拉丁字母
upper-latin : 　CSS2　大寫(xiě)拉丁字母

三、結(jié)構(gòu)一般做法

通常在一個(gè)網(wǎng)頁(yè)構(gòu)造時(shí)辰入手下手CSS就要把ul ol li三者列表list-style款式去掉，也是為了兼容各大閱讀器，作廢列表標(biāo)簽?zāi)Slist-style。

取締ul li ol的list-style名目代碼：

ul,ol,li{list-style:none}

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css中的list-style是如何設(shè)置列表li標(biāo)簽樣式”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!