css中怎么把圆点点去掉

在网页中，圆点点通常用于表示列表或者项，但是有时候我们可能需要在不显示这些圆点点的情况下显示内容，那么怎么办呢？其实有很多种方法可以去掉圆点点，这里主要介绍CSS中的几种方法。

1. 使用list-style-type:none

ul{
  list-style-type:none;
} 

这个方法很简单，就是通过将CSS样式中的list-style-type属性设置为none，来取消列表项的圆点点。需要注意的是，这个方法会同时取消所有列表项上的圆点点，不管是无序列表还是有序列表。

2. 使用list-style:none

ul{
  list-style:none;
} 

这个方法与上面的方法类似，不同的是它是通过将CSS样式中的list-style属性设置为none来实现的，而不是list-style-type。同样的，这个方法也会同时取消所有列表项上的圆点点。

3. 使用text-indent: -1em

ul{
  text-indent: -1em;
}
li{
  text-indent: 1em;
} 

这个方法是通过使用text-indent属性来实现的，它的原理是将列表项向左移动一个字母的宽度，然后通过在每个列表项上设置text-indent属性为正，来恢复列表项的正常位置。需要注意的是，这个方法只适用于无序列表。

4. 使用margin或padding

ul{
  margin-left: -20px;
}
li{
  margin-left: 20px;
} 

这个方法也是通过移动列表项的位置来实现的。可以通过设置列表的margin或padding来移动整个列表，然后通过在每个列表项上设置相反的margin或padding来恢复列表项的位置。需要注意的是，这个方法只适用于无序列表。

以上就是CSS中去掉圆点点的几种方法，可以根据实际情况选择不同的方法来实现需求。希望对大家有所帮助。