CSS list-style 属性

在CSS中，list-style属性用于设置列表项的样式。这个属性通常用于无序列表 ul 和有序列表 ol。

属性值

list-style属性接受以下值：

• list-style-type：设置列表项的标志类型，如圆点、数字、小写字母等。
• list-style-position：设置列表项的标志位置，可选值为inside和outside。
• list-style-image：设置自定义的图像作为列表项的标志。

list-style-type

list-style-type属性用于设置列表项的标志类型。常用的值有：

• disc：默认值，显示为实心圆点。
• circle：显示为空心圆点。
• square：显示为实心正方形。
• decimal：显示为数字。
• lower-alpha：显示为小写字母。
• upper-alpha：显示为大写字母。
• lower-roman：显示为小写罗马数字。
• upper-roman：显示为大写罗马数字。

示例代码：

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

list-style-position

list-style-position属性用于设置列表项的标志位置。常用的值有：

• inside：标志位于列表项内部。
• outside：标志位于列表项外部。

示例代码：

ul {
  list-style-position: inside;
}

ol {
  list-style-position: outside;
}

list-style-image

list-style-image属性用于设置自定义的图像作为列表项的标志。可以使用url()函数来指定图像的路径。

示例代码：

ul {
  list-style-image: url('bullet.png');
}

以上就是list-style属性的详细介绍，通过合理地运用这些属性，可以为列表项添加不同的样式，提升页面的可读性和美观性。