## CSS列表 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> ```