CSS总结(List列表）

List列表 列表特定样式

• list-style-type ：设置用于列表的项目符号的类型，例如无序列表的方形或圆形项目符号，或有序列表的数字，字母或罗马数字。
• list-style-position ：设置在每个项目开始之前，项目符号是出现在列表项内，还是出现在其外。
• list-style-image ：允许您为项目符号使用自定义图片，而不是简单的方形或圆形。

符号样式list-style-type

 list-style-type 属性允许你设置项目符号点的类型

css代码：

效果：

项目符号位置list-style-position

list-style-position 设置在每个项目开始之前，项目符号是出现在列表项内，还是出现在其外。 如上所示，默认值为 outside，这使项目符号位于列表项之外。

css代码：

效果：

使用自定义的项目符号图片list-style-image

list-style-image 属性允许对于项目符号使用自定义图片。

语法:

ul {
  list-style-image: url(star.svg);
}

然而，这个属性在控制项目符号的位置，大小等方面是有限的。 您最好使用background 系列属性

示例css代码：