/* 基础无序列表 */
ul {
list-style-type: none;
padding-left: 0;
}
li:before {
content: "•";
margin-right: 8px;
}以上代码是最基本的无序列表。在CSS中，使用 `list-style-type` 属性来设置列表项目符号的类型和样式。在这个例子中，大家把列表项符号的类型设为无，也就是没有符号，再使用一个伪类 `:before` 来输入自定义的符号，也就是黑色的实心点。最后使用 `margin-right` 属性设置项目符号与文本之间的距离。
/* 改变符号颜色 */
ul {
list-style-type: none;
padding-left: 0;
}
li:before {
content: "•";
color: red; /* 注意这里改变了颜色 */
margin-right: 8px;
}大家可以通过调整伪类 `:before` 中的颜色来改变项目符号的颜色，像上面的代码一样。
/* 竖线无序列表 */
ul {
list-style-type: none;
padding-left: 0;
}
li:before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: black;
margin-right: 5px;
vertical-align: middle;
}如果需要一些其他形状的无序列表，大家可以使用 `content: “”` 来制作空的项目符号。上面的代码就是一个黄色的小圆点作为了列表项目符号。
总的来说，CSS制作无序列表的方法有很多种，需要根据具体情况进行选择，也可以使用伪类和其他CSS属性来达到更好的制作效果。