我们做网页的时候，有时候会用到li，发现li会出现小圆点，不仅很难看，而且影响布局。本篇文章笑清风博客介绍怎么去掉li的圆点。
去掉li的圆点有两种css样式可以去掉：
一：
list-style:none;
二：
list-style-type:none;
以下是完整代码，例只是其中一种：
在css里面添加：
<style type="text/css">
.list li{ list-style:none;}
</style>
body里面添加html代码：
<div class="list">
<ul>
<li>一</li>
<li>二</li>
<li>三</li>
<li>四</li>
<li>五</li>
</ul>
</div>
下面两张图片是两张未加入去掉li圆点前css代码的运行效果，一种是加入去掉li圆点后css代码的运行效果。
未加入去掉li圆点前css代码的运行效果：
加入去掉li圆点后css代码的运行效果：
