我们在开发的过程中经常会遇到一些需求，比如说这边文章中的需求，我们需要修改ul  >  li 的默认样式。

默认的 li 样式为：

1、如何将ul > li 前小圆点修改成小方块呢？我们需要修改其相应的css属性 => list-style-type,

我们需要将list-style-type的值设置为square。

实现的效果如下：

2、如何将ul > li 前小圆点修改成自定义的图片呢？

我们需要将list-style-type的值设置为none。然后添加一张背景图片，具体操作见下面的代码：

实现的效果如下：

 附：还有 li 的其他用法如下：

1、list-style-type属性：其全部的可选值如下   a、none不使用项目符号   b、disc实心圆，默认值   c、circle空心圆   d、square实心方块   e、decimal阿拉伯数字   f、lower-roman小写罗马数字   g、upper-roman大写罗马数字   h、lower-alpha小写英文字母   i、upper-alpha大写英文字母

2、ist-style-position属性：用于设置列表项前的符号根据列表文字的排列方式，   a、outside 列表项目符号在文本以外，文本不根据标记对齐。   b、inside 列表项目符号在文本以内，文本根据标记对齐。