答案：通过list-style-type设置内置圆圈样式或list-style-image自定义图像标记。使用list-style-type: circle可实现空心圆，disc为实心圆，square为方块；需自定义颜色或样式时，用list-style-image引用圆形图片，并可通过list-style简写属性合并type、image和position，如list-style: circle inside，提升代码简洁性与可维护性。
CSS更换圆圈，其实就是改变列表项的默认标记样式。你可以使用
list-style-type属性选择预定义的圆圈样式，或者使用
list-style-image属性自定义圆形标记。
解决方案：
要改变CSS列表的圆圈样式，主要有两种方法：使用
list-style-type属性选择内置样式，或者使用
list-style-image属性自定义图像作为标记。前者简单快捷，后者更灵活。
如何使用list-style-type属性改变列表圆圈样式？
list-style-type属性提供了多种内置的列表标记样式，包括圆形、方形、数字、字母等等。要使用圆圈，你可以设置
list-style-type: circle;。
立即学习“前端免费学习笔记（深入）”；
ul {
list-style-type: circle; /* 空心圆 */
}
ol {
list-style-type: decimal; /* 数字列表 */
}除了
circle，还有
disc（实心圆）、
square（实心方块）等选项。选择哪个取决于你的设计需求。
如何自定义CSS列表的圆形标记？
如果你想使用自己设计的圆形标记，比如带有特定颜色或阴影的圆圈，可以使用
list-style-image属性。你需要先准备好一个圆形图片，然后将其路径作为
list-style-image的值。
ul {
list-style-image: url("path/to/your/circle.png");
list-style-position: inside; /* 可选，控制标记位置 */
}list-style-position: inside;可以让标记位于列表项的内容区域内，这通常看起来更美观。如果你的图片尺寸不合适，可能需要调整图片大小或者使用CSS的
background-size属性来控制图片显示。
list-style简写属性有什么用？
list-style是一个简写属性，可以同时设置
list-style-type、
list-style-image和
list-style-position。这可以简化你的CSS代码。
ul {
list-style: circle inside; /* 设置空心圆，标记位于内容区域内 */
}
ul.custom {
list-style: url("path/to/your/circle.png") inside; /* 设置自定义图像标记，标记位于内容区域内 */
}使用简写属性可以提高代码的可读性和维护性，特别是当你需要同时设置多个列表样式属性时。但要注意，简写属性会覆盖未显式设置的属性，所以确保你了解每个属性的默认值。
