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>。
其实我就想实现未点击按钮时，文字右上方有小圆点，点击后消失的效果
但是不想用浮动、定位，结果百度搜了一圈，大家都是用浮动、定位解决,
记录两种更好的解决方案：
1.使用sup标签
2.使用css属性vertical-align
第一种：当然是无序列表中的默认小圆点第二种：是把小圆点改为小方块显示
第三种：是把小圆点改为空心圆显示
第四种：是把小圆点给去掉，这个应该是比较常用的。
第五种：也是不太常用的，就是把无序列表编程有序列表的方法，前面加数字
