[分享]css中怎么去ul的点

在CSS中，我们经常会使用无序列表（ul）来呈现页面的内容。然而，有时我们并不需要默认情况下的点（缩进符号）出现在列表项（li）前面。这时就需要使用CSS来去掉ul中的点。我们可以使用liststyl...

在CSS中，我们经常会使用无序列表（ul）来呈现页面的内容。然而，有时我们并不需要默认情况下的点（缩进符号）出现在列表项（li）前面。这时就需要使用CSS来去掉ul中的点。
我们可以使用list-style-type属性来控制ul的点。该属性有多个可选值，包括none、disc、circle、square等。
如果我们希望去掉点，则可以设置list-style-type为none，如下代码所示：

ul {
    list-style-type: none;
} 

此时，ul中的点就会被去掉，只剩下列表项的内容。如果我们希望保留点的样式，但是将其隐藏起来，也可以使用类似下面的代码：

ul {
    list-style-type: none;
}

li:before {
    content: "2022"; /* 这里使用实心圆点作为样式 */
    display: inline-block;
    width: 1em;
    margin-left: -1em;
} 

这里我们使用了伪元素:before来添加圆点，并设置了其宽度、偏移量等属性。需要注意的是，content属性可以设置为不同的值，例如"25CF"，即实心圆形。我们还可以通过修改margin-left属性的值来改变圆点的位置。
综上所述，我们可以使用list-style-type和伪元素来控制ul中的点的样式和显示。