一、列表属性介绍
HTML 中的列表标签可以用于创建有序或无序列表，包括 <ul>、<ol> 和 <dl>。而 CSS 提供了一系列的列表属性，可以对列表进行样式调整。
这些列表属性包括：
list-style-type用于设置列表项前面的标记类型（例如实心圆、方形等）。list-style-image用于将图像设置为标记。list-style-position用于设置标记的位置（在内部还是在外部）。list-style是一个简写属性，可用于设置所有三个列表属性。
二、list-style-type 属性
list-style-type 属性可以用于改变列表项前面的标记类型，常用的值包括：
none：去掉标记。disc：实心圆标记。circle：空心圆标记。square：实心正方形标记。decimal：十进制数字编号。lower-alpha：小写字母编号。upper-alpha：大写字母编号。lower-roman：小写罗马数字编号。upper-roman：大写罗马数字编号。
示例代码：
ul {
list-style-type: square; /* 将列表项标记改成实心正方形 */
}
三、list-style-image 属性
list-style-image 属性可以用于将图像设置为列表项前面的标记，取值为图片的 URL。
示例代码：
ul {
list-style-image: url('marker.png'); /* 将 marker.png 图片设置为标记 */
}
四、list-style-position 属性
list-style-position 属性可以用于设置列表项前面的标记是在内部还是在外部，取值为 inside 和 outside。
示例代码：
ul {
list-style-position: inside; /* 将标记放在文本内部 */
}
五、list-style 简写属性
list-style 是一个简写属性，用于设置所有三个列表属性，语法如下：
list-style: list-style-type || list-style-position || list-style-image;
示例代码：
ul {
list-style: square inside url('marker.png');
/* 将列表项标记改成实心正方形，放在文本内部，并且使用 marker.png 图片作为标记 */
}
六、总结
通过使用上述 CSS 的列表属性，我们可以改变列表项的标记类型、位置和使用图片等多种形式进行样式调整。这些属性能够帮助我们实现更加个性化的效果，提升网页的用户体验。
