# CSS列表
[TOC]
CSS列表屬性作用如下：
* 設置不同的列表項標記為有序列表。
* 設置不同的列表項標記為無序列表。
* 設置列表項標記為圖像。
## 使用不同的列表項標記
使用`list-style-type`改變列表項標記。
```css
<style>
ul.a {list-style-type:circle;}
ul.b {list-style-type:square;}
ol.c {list-style-type:upper-roman;}
ol.d {list-style-type:lower-alpha;}
</style>
```
```html
<ul class="a">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<ul class="b">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<p>有序列表實例:</p>
<ol class="c">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="d">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
```
## 使用圖片作為列表項
使用list-style-image可以用圖片作為列表的標記項。
```css
<style>
ul
{
list-style-image:url('sqpurple.gif');
}
</style>
```
```html
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
```
