[分享]css列表去点方法不生效

 最近在使用CSS排版时，我遇到了一个问题，就是在将列表进行样式美化时，列表的圆点却无法被去掉。经过多次试验和查阅资料，终于找到了解决方法，现在分享给大家。首先，在CSS样式中，通常可以使用lists...

 最近在使用CSS排版时，我遇到了一个问题，就是在将列表进行样式美化时，列表的圆点却无法被去掉。经过多次试验和查阅资料，终于找到了解决方法，现在分享给大家。
首先，在CSS样式中，通常可以使用list-style:none来去掉列表的圆点标志，但实际使用时却发现该方法并不生效。原因在于列表的圆点标志并非一个单纯的样式属性，而是一个与列表元素相关联的属性，所以使用list-style:none也无法完全去除它。
那么该怎么办呢？其实解决方法很简单，只需要给列表元素添加display属性即可。具体操作如下：
ul li {
display: block;
list-style: none;
}
上述代码中，我们将列表元素的display属性设置为block，即将其转化为块级元素，然后再将其与list-style:none一同使用，即可成功去掉列表的圆点标志。
需要注意的是，在添加display属性之前，我们需要将ul元素的padding和margin设置为0，否则运用该方法时仍会出现列表圆点的情况。
ul {
padding: 0;
margin: 0;
}
综上所述，如果遇到列表圆点无法去除的情况，可以尝试使用添加display:block和list-style:none这两种方法，相信能够帮助大家成功实现样式美化。