https://www.hackhp.com/534

ul和li列表是使用CSS布局页面时常用的元素
在CSS中，有专门控制列表表现的属性，常用的有list-style-type属性、list-style-image属性、list-style-position属性和list-style属性等

一、list-style-type属性
list-style-type属性是用来定义li列表的项目符号的
即列表前面的修饰，list-style-type属性是一个可继承的属性，其语法结构如下：
list-style-type:none/disc/circle/square/demical/lower-alpha/upper-alpha/lower-roman/upper-roman

list-style-type属性的属性值有很多，在这里我们只是列举了比较常用的几个

none：不使用项目符号
disc：实心圆
circle：空心圆
square：实心方块
demical：阿拉伯数字
lower-alpha：小写英文字母
upper-alpha：大写英文字母
lower-roman：小写罗马数字
upper-roman：大写罗马数字
使用list-style-type属性的示例代码如下：


[code] li{list-style-type:square;}
<ul>
<li>这里是列表内容</li>
<li>这里是列表内容</li>
<li>这里是列表内容</li>
</ul>
[/code]

二、list-style-image属性
list-style-image属性用来定义使用图片代替项目符号，也是一个可继承属性，其语法结构如下：
list-style-image:none/url

list-style-image属性可以取两个值：
none：没有替换的图片
url：要替换图片的路径。
例子代码：

[code] li{list-style-image:url(images/hackhp.gif);}
<ul>
<li>这里是列表内容</li>
<li>这里是列表内容</li>
<li>这里是列表内容</li>
</ul>[/code]