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 (无项目符号) 还有很多不支持的...
![](https://www.cnblogs.com/images/cnblogs_com/del/174185/o_092101.png)
![](https://www.cnblogs.com/images/cnblogs_com/del/174185/o_092102.png)
![](https://www.cnblogs.com/images/cnblogs_com/del/174185/o_092103.png)
![](https://www.cnblogs.com/images/cnblogs_com/del/174185/o_092104.png)
![](https://www.cnblogs.com/images/cnblogs_com/del/174185/o_092105.png)
![](https://www.cnblogs.com/images/cnblogs_com/del/174185/o_092106.png)
![](https://www.cnblogs.com/images/cnblogs_com/del/174185/o_092107.png)
![](https://www.cnblogs.com/images/cnblogs_com/del/174185/o_092108.png)
![](https://www.cnblogs.com/images/cnblogs_com/del/174185/o_092109.png)
list-style-image:
![](https://www.cnblogs.com/images/cnblogs_com/del/174185/o_092110.png)
list-style-position: outside(默认)、inside;
![](https://www.cnblogs.com/images/cnblogs_com/del/174185/o_092111.png)
![](https://www.cnblogs.com/images/cnblogs_com/del/174185/o_092112.png)
给列表项单独设置样式:
![](https://www.cnblogs.com/images/cnblogs_com/del/174185/o_092113.png)
列表相关的 HTML 标签:
ol: 有序列表 ul: 无序列表 li: 列表项 dl: 块 dt: 块标题 dd: 块内容 <ul dynamicoutline initcollapsed> dynamicoutline: 可折叠 initcollapsed: 开始就折叠