列表分为有序列表和无序列表

我们知道有序列表的标签是<ol>意思是order list

无序列表的标签是<ul>

列表里面每项的标签用<li>来进行包裹。

使用CSS中的列表样式不仅可以变换列表的列表项标记，还可以使用图片来作为列表项标记。

可以用

list-style-image: url('sqpurple.gif');

来设置列表的列表项标记为图片

也可以用

list-style-type: none;

来设置列表项的标志类型，关于列表项标志的更多不同符号，可以去查阅 css 的 list-style-type 属性

但是我们使用list-style-image: url('sqpurple.gif');的时候会有浏览器不兼容的现象。

因此，为了设置浏览器兼容性，情参照如下代码：