以下是 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