怎样实现li横排并显示前面的点？

实现li元素横向显示的方法有两种

一.就是楼上那位说的方法，其中语法我不在多说。但是当在浮动的li的时候不要忘了对起父元素ul进行浮动，应为如果你在ul上添加了背景的话，就会出现问题了，随着li元素的浮动，其父元素就会收缩。这样会打乱布局。解决这样的方法亦有两种。1.父元素的的浮动。2.添加额外的无语意的标签如<div id="clear"></div>#clear {

clear:both

}

li前面的黑点是默认的，不能改变大小，只能改变样式。

但是可以用背景图象实现。记住选择应用background:url()

的形式要比list-style-imag要好！原因就在于前者控制图象的能力要比后者强。

你在你的css种加载这一句

<style type="text/css">

ul{list-style-type:none}

</style>

li自身圆点的颜色是修改不了的，你不想要那个圆点的话，可以通过以下几种方式来解决。

1.将圆点去掉，li{ list-style:none}；然后用color:#ff0000设置字体的颜色。<li>.</li>这里的点就是红色的了，你可以设置为自己喜欢的颜色，如果你要区分点和字的颜色，可以在li里面再嵌入一个标签，像这样：<li style="color:#ff0000font-size:12px"><span style="color:#00ff00font-size:20px">.</span>list1</li>这样点就是绿色的，字就是红色的了。

2.将圆点去掉，li{ list-style:none}；然后将那个点做成图片，然后嵌入li中。：<li style="color:#ff0000font-size:12px<img src="图片地址">list1</li>。

希望对你有用哦，不懂的再hi我

---