css中的list-style列表樣式屬性怎么用

這篇文章主要為大家展示了“css中的list-style列表樣式屬性怎么用”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“css中的list-style列表樣式屬性怎么用”這篇文章吧。

一、list-style感召與用處

list-style是設置列表li的名目。例如li后頭為阿拉伯數字、圓點、實心圓、圖片、空心圓、小寫英筆墨母、大寫英翰墨母、激進的亞美尼亞數字等。

二、語法

1、語法：
list-style : list-style-image || list-style-position || list-style-type

咱們知道html語法例定li必須在ul或ol內應用，那末對ul或ol或者設置裝備擺設list-style-image引入圖片作為li的后面機關素材。但通常div css組織時候不采取這種辦法來配置li的后面圖片素材，通常對li直接設置裝備擺設后盾圖片，多么兼容更好，更易管束。

我們應用相比多是list-style的list-style-type屬性來設置li默認后頭款式。

默許ul li和ol li的格局

2、list-style-type的值與講明
下列或許自己上來測試看看各種值成就。
參數：
disc : 　CSS1　實心圓
circle : 　CSS1　空心圓
square : 　CSS1　實心方塊
decimal : 　CSS1　阿拉伯數字
lower-roman : 　CSS1　大寫羅馬數字
upper-roman : 　CSS1　大寫羅馬數字
lower-alpha : 　CSS1　大寫英翰墨母
upper-alpha : 　CSS1　大寫英文字母
none : 　CSS1　不使用工程標記
armenian : 　CSS2　激進的亞美尼亞數字
cjk-ideographic : 　CSS2　淺白的表意數字
georgian : 　CSS2　古板的喬治數字
lower-greek : 　CSS2　根本的希臘大寫字母
hebrew : 　CSS2　保守的希伯萊數字
hiragana : 　CSS2　日文平假名字符
hiragana-iroha : 　CSS2　日文平化名序號
katakana : 　CSS2　日文片假名字符
katakana-iroha : 　CSS2　日文片化名序號
lower-latin : 　CSS2　大寫拉丁字母
upper-latin : 　CSS2　大寫拉丁字母

三、結構一樣平常做法

通常在一個網頁組織時分最早CSS就要把ul ol li三者列表list-style技倆去掉，也是為了兼容各大瀏覽器，取消列表標簽默認list-style。

取締ul li ol的list-style樣式代碼：

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

以上是“css中的list-style列表樣式屬性怎么用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！