CSS删除列表缩进

在HTML的列表元素中，默认情况下会有缩进（list-style）。但有些情况下我们需要删除这些缩进效果，在这里我们可以通过CSS样式来实现。

第一种方法：使用 padding 属性

在列表元素中，缩进效果是通过默认的 padding 属性实现的。因此，我们可以通过将 padding 设置为 0 来实现删除缩进的效果。

ul, ol {
  padding: 0;
}

第二种方法：使用 list-style 属性

如果我们只是想要删除缩进效果，而保留默认的列表样式，就可以使用 list-style 属性。

ul, ol {
  list-style: none;
}

这个方法相比于第一种方法更加灵活，因为 list-style 属性可以用于设置自定义的列表样式。例如：

ul, ol {
  list-style: url('circle.png');
}

参考资料

• Remove Indent From Lists with CSS