位置:首頁 > 軟件操作教程 > UI設(shè)計(jì)軟件 > Adobe Dreamweaver > 問題詳情

Dreamweaver CC 2014如何定義列表樣式

提問人:劉旭39發(fā)布時(shí)間:2020-11-11
定義列表樣式

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

(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ì)緊緊 貼在一起。


繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部