移除 ul 装饰 - CSS

HTML 中的列表通常使用无序列表（ul）标记。默认情况下，浏览器会为列表项添加装饰，例如圆点。在一些设计上，可能需要删除这些装饰，让列表更加简洁。本文将介绍如何使用 CSS 移除 ul 装饰。

1. 移除 ul 圆点

默认情况下，ul 列表中的每个列表项前面会有一个圆点（disc）。为了移除这些圆点，我们可以使用 list-style 属性。将属性值设置为 none 就可以移除圆点了。

ul {
  list-style: none;
}

2. 修改 ul 圆点样式

有时候，我们不想完全移除圆点，而是想修改其样式。常见的做法是使用 list-style-type 属性。

例如，我们可以将圆点修改为实心圆：

ul {
  list-style-type: circle;
}

除了圆点，list-style-type 属性还支持许多其他的值，例如方块（square）、数字（decimal）、罗马数字（upper-roman）等。

3. 修改 ul 列表项样式

如果只是想要修改 ul 列表项的样式，那么可以直接使用 li 元素选择器。

例如，我们可以将列表项的字体加粗：

li {
  font-weight: bold;
}

4. 修改 ul 列表项间距

如果希望修改列表项之间的间距，可以使用 margin 属性。例如，我们可以将列表项之间的距离设置为 20 像素：

li {
  margin-bottom: 20px;
}

5. 总结

通过以上的介绍，我们了解了如何使用 CSS 移除和修改 ul 列表的装饰。无论是移除圆点、修改圆点样式、修改列表项样式还是修改列表项间距，都可以通过简单的 CSS 样式来实现。