设置<li>前边圆点样式

没有任何样式的代码<ul>
    <li>我是li</li>
    <li>我是li</li>
    <li>我是li</li>
    <li>我是li</li>
</ul>

<li>的默认样式如下图所示：

如果想要把圆点改成图片就需要用到 "list-style-image:" 属性。

修改上边的代码：

<ul>
    <li style="list-style-image: url(../img/content.gif);">我是li</li>
    <li style="list-style-image: url(../img/content.gif);">我是li</li>
    <li >我是li</li>
    <li>我是li</li>
</ul>

　　最终效果：