list-style 是 CSS 中用于设置列表样式的缩写属性,可以同时设置列表项标记(如圆点、数字等)的类型、位置和图片。

以下是 list-style 的三个子属性:

1. list-style-type: 用于设置列表项标记的类型,可以是 disc(实心圆点,默认值)、circle(空心圆点)、square(实心方块)、decimal(数字)、lower-roman(小写罗马数字)等。
   ul {
     list-style-type: square; /* 将列表项标记设置为实心方块 */
   }

   ol {
     list-style-type: lower-roman; /* 将有序列表的标记设置为小写罗马数字 */
   }

2. list-style-position: 用于设置列表项标记的位置,可以是 inside(默认值,标记在文本内部)或 outside(标记在文本外部)。
   ul {
     list-style-position: outside; /* 将无序列表的标记放在文本外部 */
   }

   ol {
     list-style-position: inside; /* 将有序列表的标记放在文本内部 */
   }

3. list-style-image: 用于设置自定义图像作为列表项标记。
   ul {
     list-style-image: url('path/to/image.png'); /* 使用自定义图像作为无序列表的标记 */
   }

   ol {
     list-style-image: url('path/to/another-image.png'); /* 使用自定义图像作为有序列表的标记 */
   }

list-style 属性可以同时设置这三个子属性,也可以只设置其中一个或两个,根据需要进行灵活配置。这通常用于定制列表的外观和风格。


转载请注明出处:http://www.pingtaimeng.com/article/detail/6090/CSS