在HTML5中，无序列表（unordered list）是一种常用的布局元素，用于表示一组无序的项目。通过CSS（层叠样式表），我们可以轻松地改变无序列表的样式，使其更加符合网页设计的需求。以下是一些常用的方法来改变HTML5中无序列表的样式：
1. 更改列表项的标记
默认情况下，无序列表使用圆点（•）作为列表项的标记。我们可以通过CSS的 list-style-type 属性来更改这个标记：
ul {
list-style-type: square; /* 使用方块标记 */
}
或者，我们可以使用以下任何一种标记类型：
disc：默认的圆点标记。circle：圆形标记。square：方块标记。none：不显示任何标记。decimal：阿拉伯数字。lower-roman：小写罗马数字。upper-roman：大写罗马数字。lower-alpha：小写字母。upper-alpha：大写字母。
2. 更改列表项的标记颜色
除了更改标记类型，我们还可以更改标记的颜色：
ul {
list-style-type: square;
color: red; /* 设置标记颜色为红色 */
}
3. 使用CSS伪元素
CSS伪元素可以用来添加额外的样式到列表项：
ul li::before {
content: "•"; /* 在每个列表项前添加一个圆点 */
color: blue;
padding-right: 8px;
}
这里，::before 伪元素在列表项之前插入了一个圆点，并且设置了颜色和内边距。
4. 调整列表项的间距
我们可以通过设置 margin 或 padding 来调整列表项之间的间距：
ul li {
margin-bottom: 10px; /* 设置列表项之间的垂直间距 */
}
或者，使用 padding：
ul li {
padding-left: 20px; /* 设置列表项的内边距 */
}
5. 使用CSS类
为了更好地管理样式，我们可以为无序列表或列表项添加一个类，并在CSS中定义该类的样式：
<ul class="custom-list">
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
.custom-list {
list-style-type: circle;
color: green;
}
.custom-list li {
margin-bottom: 10px;
}
通过以上方法，我们可以根据需要为HTML5中的无序列表创建各种样式。记住，CSS样式可以进一步组合和定制，以实现独特的视觉效果。