删除列表项目符号 CSS

在CSS中，列表项通常会带有项目符号，但是有时候我们需要去掉这些项目符号。本文将介绍怎样通过CSS去掉列表项项目符号。

无序列表

无序列表是指列表项没有顺序之分，而且每一项前面有一个项目符号。我们可以通过list-style-type属性来控制项目符号的形状，如下所示：

ul {
  list-style-type: disc; /* 实心圆点 */
}

但是如果我们想去掉项目符号呢？可以使用list-style-type:none：

ul {
  list-style-type: none; /* 去掉项目符号 */
}

有序列表

有序列表是指列表项有顺序之分，而且每一项前面有一个数字或字母等标志。同样可以使用list-style-type属性来控制项目符号的形状，如下所示：

ol {
  list-style-type: decimal; /* 十进制数字 */
}

但是如果我们想去掉数字呢？可以使用list-style-type:none：

ol {
  list-style-type: none; /* 去掉数字 */
}

总结

通过CSS去掉列表项项目符号非常简单，只需要使用list-style-type:none即可。需要注意的是，如果你只是想将项目符号改为其它的形状，可以使用list-style-type属性。