css 去除li 前面的点

CSS 去除 li 前面的点是一种常见的布局技巧。在 HTML 中，列表元素经常会用到无序列表 ul 和有序列表 ol。而在默认状态下，这些列表元素都会带有一个圆点或数字。有时候这个点是不需要的，那么我们就可以使用 CSS 去掉它。

ul {
       list-style:none;
}

上述代码中，我们选择了列表元素 ul，并使用了 list-style 属性。这个属性用于设置列表项前面的标记（也就是默认情况下的圆点或数字）。我们将它的值设为 none，代表去除标记。这样就可以去掉 li 前面的点了。

除了 list-style 属性，我们还可以使用 list-style-type 属性来设置标记类型，如设置为 disc、circle、square 等。同时，我们也可以使用 list-style-position 属性来控制标记的位置，如设置为 inside 或 outside。

ul {
       list-style-type: square;
       list-style-position: inside;
}
    

上述代码将列表元素 ul 的标记类型设为正方形（square），标记位置设置为在列表项内部（inside）。

总的来说，使用 CSS 去除 li 前面的点不仅能让页面更加美观，还可以增强用户体验。同时，我们还可以通过设置标记类型和位置来掌控列表元素的样式。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！