CSS新手入门笔记整理：CSS列表样式

列表项符号：list-style-type

在HTML中，对于有序列表和无序列表的列表项符号，都是使用type属性来定义的。

语法

list-style-type:取值;

list-style-type属性是针对ol或者ul元素的，而不是li元素。

有序列表属性

属性值	说明
decimal	阿拉伯数字:1、2、3···（默认值)
lower-roman	小写罗马数字:i、ii、i···
upper-roman	大写罗马数字:、II、III···
lower-alpha	小写英文字母:a、b、c···
upper-alpha	大写英文字母:A、B、C···

无序列表属性

属性值	说明
disc	实心圆⚫(默认值)
circle	空心圆O
square	正方形◼️

---

去除列表项符号

语法

list-style-type:none;

由于列表项符号不太美观，因此在实际开发中，大多数情况下我们都需要使用“list-styletype:none;”将其去掉。

---

列表项图片：list-style-image

语法

list-style-image:url(图片路径);

---