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、打开Dreamweaver软件，新建一个html页面，保存成为html。
2、在body中进行书写，先写div如图，写三个div板块。
3、用css对div进行控制，一种方式是直接使用内联样式，也就是直接在html中的style中进行书写div的css样式。
4、保存，运行，测试效果，在chrome浏览器中打开。
5、新建一个css样式，保存为style.css。在style.css中书写css样式。
6、保存，运行，测试效果，在浏览器打开。
让<ul>水平排列：关键之处在于设置ul或者li标签的浮动：float:left或者float:right；第一个是靠左浮动，第二个靠右浮动；下面是代码展示ul中设置的li标签居左浮动：<style>
ul li{ float:leftmargin-left:20pxlist-style-type:none}
</style>
<ul>
<li>靠左浮动排列一</li>
<li>靠左浮动排列二</li>
<li>靠左浮动排列三</li>
<li>靠左浮动排列四</li>
</ul>
li标签居左浮动，实现ul水平排列；
margin-left:20px左外侧距离20px，list-style-type:none去除无序列表的点；
