[分享]css中 去li标签前的点

CSS是一种定义网页样式的语言，常见的网页元素比如文本、图片、空格等，都可以通过CSS来设置其样式。在CSS中，li标签有一个默认的样式，就是前面有一个点，这个点可以通过CSS来控制。去除li标签前的...

CSS是一种定义网页样式的语言，常见的网页元素比如文本、图片、空格等，都可以通过CSS来设置其样式。在CSS中，

li

标签有一个默认的样式，就是前面有一个点，这个点可以通过CSS来控制。

去除li标签前的点可以应用list-style属性。这个属性有三个值可以设置，分别是none、disc和circle。

li {
  list-style: none; /* 去除点 */
}
li {
  list-style: disc; /* 设置为实心点 */
}
li {
  list-style: circle; /* 设置为空心圆 */
} 

其中none表示去掉点；disc表示实心点，circle表示空心圆。

如果需要去掉全部li标签的点，可以这样写：

ul, ol {
  list-style: none;
} 

这样就可以去掉所有的li标签的点，而不必逐个去写。

需要注意的是，如果要去掉li标签的点，最好给li标签设置一些 padding 或 margin，否则在一些浏览器上容易出现格式不美观的问题。