8.1 列表標(biāo)簽

列表（List）是用來將相關(guān)資料以條目的形式有序或者無序排列而形成的表。常用的列表有無序列表、有序列表和定義列表3種。

8.1.1 無序列表

無序列表<ul>是網(wǎng)頁中最常用的列表之一，使用<li>標(biāo)簽羅列每個項目，每個項目前面默認(rèn)的自帶黑色實(shí)心圓。在CSS 3中可以通過list-style-type屬性來定義無序列表前面的符號，無序列表中l(wèi)ist-style-type屬性值如表8-1所示。

【例8-1】（實(shí)例文件：ch08\Chap8.1.html）無序列表。

相關(guān)的代碼實(shí)例請參考Chap8.1.html文件，在IE瀏覽器中運(yùn)行的結(jié)果如圖8-1所示。

可以設(shè)置表8-1中的屬性值來改變無序列表的默認(rèn)樣式，這里設(shè)置屬性值為circle，代碼如下：

在IE瀏覽器中運(yùn)行的結(jié)果如圖8-2所示。

8.1.2 有序列表

有序列表標(biāo)記<ol>可以創(chuàng)建具有順序的列表，如每條信息前面加上1、2、3等，如果要改變有序列表前面的符號，同樣需要使用list-style-type屬性，只是屬性值不同而已。

有序列表中l(wèi)ist-style-typed的一些屬性值如表8-2所示。

【例8-2】（實(shí)例文件：ch08\Chap8.2.html）有序列表。

相關(guān)的代碼實(shí)例請參考Chap8.2.html文件，在IE瀏覽器中運(yùn)行的結(jié)果如圖8-3所示。

可以設(shè)置表8-2中的屬性值來改變無序列表的默認(rèn)樣式，這里設(shè)置屬性值為lower-alpha，代碼如下：

在IE瀏覽器中運(yùn)行的效果如圖8-4所示。

8.1.3 自定義列表

自定義列表不僅僅是一列項目，而是項目及其注釋的組合。

自定義列表以<dl>標(biāo)簽開始，每個自定義列表項以<dt>開始，每個自定義列表項的定義以<dd>開始。

【例8-3】（實(shí)例文件：ch08\Chap8.3.html）自定義列表。

相關(guān)的代碼實(shí)例請參考Chap8.3.html文件，在IE瀏覽器中運(yùn)行的結(jié)果如圖8-5所示。