在HTML中，无序列表ul下的li标签默认会带有一个实心小黑点作为列表标记，这个默认样式在很多自定义页面布局中并不符合设计需求，是可以通过CSS样式完全去除的。去除li前面的小黑点本质是修改列表的标记样式属性，操作并不复杂，新手也能快速掌握。
方法一：直接给li标签设置样式
最直接的方式是给需要去除小黑点的li标签添加CSS样式，修改list-style属性的值。list-style是控制列表标记的综合属性，将其设置为none就能完全清除默认的标记样式。
/* 选择所有li标签，去除前面的小黑点 */
li {
list-style: none;
}如果只想清除某个特定列表下的li样式，可以给对应的ul加上类名，再针对性设置样式，避免影响其他列表。
/* 只清除类名为no-dot-list下的li小黑点 */
.no-dot-list li {
list-style: none;
}方法二：给父级ul标签设置样式
除了给li标签设置样式，也可以给承载li的父级ul标签设置list-style属性，因为list-style属性具有继承性，设置给ul后，其下的所有li都会继承这个样式，同样可以去除小黑点。
/* 给ul设置样式，子级li都会生效 */
ul {
list-style: none;
}
/* 针对性设置某个ul */
.custom-ul {
list-style: none;
}清除样式后的注意事项
去除li的小黑点之后，默认列表项前面会留下原本标记占位的空白区域，如果不需要这个空白，可以额外给ul设置padding-left属性，把默认的左侧内边距清零，让列表项对齐到容器的左侧。
/* 清除列表默认左侧内边距，去掉小黑点后的空白 */
.no-dot-list {
list-style: none;
padding-left: 0;
}相关属性说明
除了list-style:none，list-style还有其他常用属性值，可以根据需求调整列表标记：
list-style-type：单独控制标记类型，比如disc是默认实心圆，circle是空心圆，square是实心方块，decimal是数字标记list-style-image：可以用自定义图片作为列表标记，值为url(图片路径)list-style-position：控制标记的位置，inside是标记在列表项内容内部，outside是标记在内容外部
如果需要恢复默认的列表小黑点，只需要把list-style的值改回默认的disc，或者删除对应的样式设置即可。
HTMLli样式css_list-style列表去除小黑点修改时间：2026-06-04 17:42:51