list-style 属性是一个用于设置列表样式(list style)的简写属性,包括 list-style-type、list-style-position 和 list-style-image 这三个子属性。

以下是 list-style 属性的基本语法:
selector {
  list-style: list-style-type list-style-position list-style-image;
}

  •  list-style-type: 用于设置列表项标记的类型,可以是 disc(实心圆点)、circle(空心圆点)、square(实心方块)、decimal(十进制数字)等。

  •  list-style-position: 用于设置列表项标记的位置,可以是 inside(在文本内部)或 outside(在文本外部)。

  •  list-style-image: 用于设置自定义的列表项标记图像,可以使用 URL 指定图像的路径。


示例:
ul {
  list-style: square outside url('custom-marker.png');
}

ol {
  list-style: decimal inside;
}

在这个例子中,ul 元素的列表项使用实心方块作为标记,标记位于文本外部,并且使用了自定义的图像作为标记。ol 元素的列表项使用十进制数字作为标记,标记位于文本内部。


转载请注明出处:http://www.zyzy.cn/article/detail/4206/CSS