如下来例子
li标签在没有设置li{list-style:none}的时候，前源面是有圆点zd的，设置之后，圆点消失
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
li{list-style: none}/*这里设置*/
</style>
</head>
<body>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</body>
</html>
1、用list-style属性就可去掉点。操作方法是首先打开html编辑器，新建一个html文档，里面新建一个无序列表：
2、然后在上方引入style标签，在里面设置样式，这里设置一下背景色和字体方便观察效果，再设置li标签的list-style属性的值为none，设置完保存打开浏览器：
3、最后在浏览器中就可以看到效果了，此时出现的就是没有点的列表了：
新建一个html文件，命名为test.html，用于讲解css如何清除li列表默认样式。
请点击输入图片描述
在test.html文件内，使用ul、li标签创建一个列表。
请点击输入图片描述
在test.html文件内，设置ul标签的class属性为mycss。
请点击输入图片描述
在css标签内，通过class设置ul的样式，将list-style属性设置为none，消除列表的默认序号。
请点击输入图片描述
在css标签内，再将padding属性和margin属性消除li列表的内外边距。
请点击输入图片描述
6
在浏览器打开test.html文件，查看实现的效果。
请点击输入图片描述
