1、用list-style属性就可去掉点。操作方法是首先打开html编辑器，新建一个html文档，里面新建一个无序列表：
2、然后在上方引入style标签，在里面设置样式，这里设置一下背景色和字体方便观察效果，再设置li标签的list-style属性的值为none，设置完保存打开浏览器：
3、最后在浏览器中就可以看到效果了，此时出现的就是没有点的列表了：
li去掉前面点，并且放在一行方法：1、在CSS中写上list-style:none。通过这个属性，可以去除列表样式。
2、在CSS中加上list-style-type:none。和上一种方式一样，只是用了不同的属性。
3、在li标签里面直接加入列表样式，前面两个给了样式去除圆点，后面两个没给，还会显示出来。
4、当然，也可以给标签一个类名，在CSS中给样式，比如下列代码，只给第一个li标签样式，它自然就没有前面的圆点了。
li{list-style:none}把默认的给去掉，然后把着了色的圆点切成一张背景图片使用。
1.li自身圆点的颜色是修改不了的，你不想要那个圆点的话，可以通过以下几种方式来解决，.将圆点去掉，li{ list-style:none}，然后用color:#ff0000设置字体的颜色，<li>.</li>这里的点就是红色的了。
2.你可以设置为自己喜欢的颜色，如果你要区分点和字的颜色，可以在li里面再嵌入一个标签，像这样：<li style="color:#ff0000font-size。
3.12px"><span style="color:#00ff00font-size:20px">.</span>list1</li>这样点就是绿色的，字就是红色的了。
4.将圆点去掉，li{ list-style:none}；然后将那个点做成图片，然后嵌入li中。：<li style="color:#ff0000font-size:12px<img src="图片地址">list1</li>。
