[分享]css中怎么去掉li的点

CSS中怎么去掉li的点使用HTML中的无序列表（）或有序列表（）标签将内容排列成列表形式时，常常会出现默认的圆点符号。这样做虽然方便，但是在某些场景下并不需要这个符号。下面讲解如何通过CSS去除li...

CSS中怎么去掉li的点
使用HTML中的无序列表（

）或有序列表（

）标签将内容排列成列表形式时，常常会出现默认的圆点符号。这样做虽然方便，但是在某些场景下并不需要这个符号。下面讲解如何通过CSS去除li标签中的圆点符号。
方法一：使用list-style属性
将list-style属性设置为none即可去除li的圆点符号。
例如：
ul {
list-style: none;
}
li {
list-style: none;
}
该方法可以直接将整个列表的圆点符号去掉，如果只想去除某个li标签的符号，可以使用方法二。
方法二：使用list-style-type属性
list-style-type属性可以用来改变列表项标记的类型。
例如：
ul {
list-style-type: square; /* 设置列表项标记为正方形 */
}
li.no-disc {
list-style-type: none; /* 去掉有.no-disc类的列表项标记 */
}
通过添加一个类（.no-disc）并将其list-style-type属性设置为none，即可去除特定li标签的圆点符号。需要注意的是，如果该li标签的父级ul或ol的list-style-type属性已经被设置为none，则该方法不适用。
总结
去除li标签中的圆点符号可以通过使用list-style属性或list-style-type属性实现。需要注意的是，如果只想去除部分li标签的符号，则应该使用方法二。