list-style-type (指定類型) list-style-image (指定圖片) list-style-position (指定位置) list-style (綜合設置) marker-offset (不支持)
使用 list-style 可單獨或綜合設置: 類型、圖片、位置, 無順序;
如果同時設置了圖片和類型, 圖片會替換類型; 如果圖片失效則使用類型.

---

list-style-type： disc (實心圓, 默認) circle (空心圓) square (實心方塊) decimal (阿拉伯數字) lower-roman (小寫羅馬數字) upper-roman (大寫羅馬數字) lower-alpha (小寫英文字母) upper-alpha (大寫英文字母) none (無項目符號) 還有很多不支持的...

---

list-style-image:

---

list-style-position: outside(默認)、inside;

---

給列表項單獨設置樣式：

---

列表相關的 HTML 標簽： ol: 有序列表 ul: 無序列表 li: 列表項 dl: 塊 dt: 塊標題 dd: 塊內容<ul dynamicoutline initcollapsed> dynamicoutline: 可折疊 initcollapsed: 開始就折疊

總結

以上是生活随笔為你收集整理的图解 CSS (9): 列表的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。