【前端从0开始】CSS——5、列表样式

列表样式

1. list-style 属性

list-style 是一个简写属性，用于在一个声明中设置所有的列表属性。设置顺序为：list-style-type、list-style-position、list-style-image。默认值为：disc outside none。

2. list-style 的几个属性

2.1 list-style-type

• 设置列表标记样式。
• 默认值：disc（实心圆）
• 其他选项：
  • circle（空心圆）
  • square（方形）
  • decimal（0开头的数字标记）
  • lower-roman（小写罗马数字）
  • upper-roman（大写罗马数字）

2.2 list-style-position

• 设置在何处放置列表标记。
• 默认值：outside
• 其他选项：
  • inside：列表项目标记放置在文本以内，且环绕文本根据标记对齐。

2.3 list-style-image

• 设置使用图像来替换列表项的标记。
• 默认值：none，不指定图像，默认内容标记将被 list-style-type 代替。
• 可选值：
  • url：使用绝对或相对地址指定列表项标记图像。如果图像地址无效，将使用 list-style-type 代替。