Dreamweaver CC 2014如何定義列表樣式

使用CSS列表樣式可以定義列表的顯示效果以及縮進(jìn)方式。從css規(guī)則定義對話框左側(cè)的“分 類”列表框中選擇“列表”選項(xiàng)，右側(cè)區(qū)域顯示列表設(shè)置的相關(guān)屬性，如圖所示。

(1)List*style-type (類型）下拉列表框：設(shè)置列表項(xiàng)目的符號類型，包括圓點(diǎn)、圓圈、方塊、 數(shù)字、小寫羅馬數(shù)字、大寫羅馬數(shù)字、小寫字母、大寫字母和無共9種類型，分別代表不同符號或編 號，詳細(xì)介紹如下。

disc (圓點(diǎn)）：設(shè)置在文本行前面加實(shí)心圓。

circle (圓圈）：設(shè)置在文本行前面加空心圓。

square (方塊）；設(shè)置在文本行前面加實(shí)心方塊。

decimal (數(shù)字）：設(shè)置在文本行前面加阿拉伯?dāng)?shù)字。

lower-roman (小寫羅馬數(shù)字）：設(shè)置在文本行前面加小寫羅馬數(shù)字。

upper-roman (大寫羅馬數(shù)字）：設(shè)置在文本行前面加大寫羅馬數(shù)字。

lower-alpha (小寫字母）：設(shè)置在文本行前面加小寫英文字母。

upper-alpha (大寫字母）：設(shè)置在文本行前面加大寫英文字母。

none (無）：設(shè)置文本行前面什么都不加。

(2)List-style-image (項(xiàng)目符號圖像）下拉列表框：設(shè)置圖像作為列表項(xiàng)目的符號，單擊右側(cè)的 “瀏覽”按鈕，可以快速選擇圖像文件。

(3)List-style-Position (位置）下拉列表框：設(shè)置列表項(xiàng)符號的顯示位置。

outside (外）：設(shè)置列表項(xiàng)符號顯示在列表項(xiàng)的外面，這樣列表項(xiàng)符號與列表項(xiàng)之間會(huì)產(chǎn)生 一段空隙。

inside (內(nèi)）：設(shè)置列表項(xiàng)符號顯示在列表項(xiàng)的內(nèi)部，這樣列表項(xiàng)符號與列表項(xiàng)之間會(huì)緊緊 貼在一起。