css中怎么把li的点去掉

CSS中怎么把li的点去掉
在网页设计中，经常会使用li标签来表示一个列表。但有时候，我们并不希望这个列表出现默认的点，而是想要自定义列表样式。那么该怎么做呢？下面将介绍如何使用CSS把li的点去掉。
在CSS中，我们可以使用list-style属性来控制列表样式。这个属性包含三个值：list-style-type、list-style-image和list-style-position。其中，list-style-type用来设置列表项标记的类型，它可以设置为下面这些值：
1. disc：实心圆点；
2. circle：空心圆点；
3. square：实心方块；
4. decimal：数字；
5. lower-alpha：小写字母；
6. upper-alpha：大写字母；
7. lower-roman：小写罗马数字；
8. upper-roman：大写罗马数字；
9. none：没有标记。
要去掉li的点，只需将list-style-type设为none即可，如下所示：
pre{
font-size: 14px;
color: #333;
background-color: #f8f8f8;
padding: 10px;
border-radius: 5px;
}
p{
font-size: 16px;
color: #333;
margin-bottom: 20px;
}
ul{
list-style-type: none;
}
上面的代码中，我们先给pre和p标签设置了一些基本样式，并在ul标签中设置了list-style-type为none，即去掉了li的点。
除了直接在ul标签中设置list-style-type为none，我们还可以针对具体的li标签设置样式，如下所示：
ul li{
list-style: none;
}
这里我们使用了list-style属性，并将其设置为none，这样就能去掉所有li的标记了。
总结
在CSS中，我们通过list-style属性来控制列表样式。如果想要去掉li的点，可以把list-style-type设为none，或者使用list-style属性，将其设为none。这样就能实现自定义列表样式了。