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