[分享]css去掉项目标题的点

CSS去掉项目标题的点

ul {
  list-style: none; /* 去掉列表样式 */
}

li {
  display: list-item; /* 将li变成列表项 */
  margin-left: 1em; /* 留出一个空格的距离 */
  text-indent: -1em; /* 将li的文本向左缩进一个空格的距离 */
} 

通常情况下，HTML中的无序列表和有序列表的项目标题都会有一个小圆点或数字在前面。如果我们想要去掉这些小圆点或数字，可以通过CSS来实现。

首先，我们需要将列表的样式设置为none，这样就可以去掉小圆点或数字。然后，我们将每个li元素的display属性设置为list-item，将其变成列表项。接着，我们可以通过margin-left属性来调整列表项之间的间距，通过text-indent属性将其文本向左缩进一个空格的距离，从而留出一个空格的距离。

通过以上的CSS代码，我们可以很好地去掉项目标题的点，使得列表更加简洁明了。