CSS重新定義項目符號和編號
2007/1/18 9:18:24
用過Word的人都知道Word有一個“項目符號和編號”的功能,用起來很方便。Dreamweaver3的屬性面板也有一個類似有的“項目符號和編號”的圖標按鈕,產(chǎn)生自動列表功能,但它只有兩種形式,即方塊和阿拉伯數(shù)字。不過我們可以利用Dreamweaver3的CSS定義功能去重新定義“列表符號的格式”。下面以定義一個“大寫羅馬數(shù)字項目列表符號”為例來說明其使用方法:
1、按F7(或點擊快速啟動欄里那個象“八卦圖”似的圖標),調(diào)出CSS面板,選擇“none”,再點擊面板下部的編輯圖標,在彈出的“Edit Style Sheet”對話框上按“New”按鈕,在彈出的“New Style”對話框中選擇“Redifine HTML TAG(重定義HTML標記)”后,在下面的“Tag”選擇框中選擇“ol”,按OK,立即彈出“Style Definition for ol”對話框,如下圖所示:
在“Style Definition for ol”對話框左邊的選擇窗口中選擇“l(fā)ist”,在右邊的面板上我們只要定義“Type”就行了,點一下右邊那個三角形按鈕,可看到如下圖所示的列表:
2、我來解釋一下上圖中這個列表中各項的含義:
disc:實心圓;
circle:空心圓;
square:實心方塊;
decimal:十進制數(shù)字;
lower-roman:小寫羅馬數(shù)字;
upper-roman:大寫羅馬數(shù)字;
lower-alpha:小寫英文字母;
upper-alpha:大寫英文字母;
none:不顯示項目符號和編號。
很顯然,在本例中要選擇“upper-roman”,然后按OK返回(要注意“Bullet”屬性現(xiàn)在不要選,否則有可能就不是預(yù)期的結(jié)果了)。在“Edit Style Sheet”對話框上按“Done”按鈕結(jié)束。在網(wǎng)頁源代碼的〈head〉與〈/head〉之間見到的CSS代碼是這樣的:
〈style type="text/css"〉
〈!--
ol { list-style-type: upper-romancircle}
--〉
〈/style〉
對于不是使用Dreamweaver3的網(wǎng)友,直接把上述代碼復(fù)制在〈head〉與〈/head〉之間,產(chǎn)生的效果相同。
3、這樣當我們在設(shè)計網(wǎng)頁時,在屬性面板上點擊項目編號圖標
就能獲得大寫羅馬數(shù)字的列表了,但在編輯時看到的還是十進制編號,只有在瀏覽時才顯示其本來面目。若需要其它格式的編號,只要在第二步中選擇列表中的其它樣式就行了。
若是要使按下
圖標后,項目符號前面那個圖形(默認的是實心方塊)也改變?yōu)閿?shù)字編號,只要在第一步中選擇“Tag”標記時不要選“ol”而改為選“ul”,其它操作完全相同。如要把它改成用大寫羅馬數(shù)字項目符號,則得到的CSS代碼是這樣的:
〈style type="text/css"〉
〈!--
ul { list-style-type: upper-romancircle}
--〉
〈/style〉
從這里可以看,這兩個圖標所起的作用基本相同,只是標記不同而已。
返回列表
返回首頁
主站蜘蛛池模板:
精品中文字幕一区在线|
67194国产精品免费观看|
日本韩国一区二区|
亚洲欧美一区二区三区|
精品一区二区三区在线观看|
国产人与禽zoz0性伦|
xxxx日本性|
国产黄三级三·级三级|
√最新版天堂资源网在线|
日日操夜夜操视频|
久久综合网欧美色妞网|
欧美成人在线免费观看|
亚洲视频在线观看网址|
精品午夜福利在线观看|
国产一区二区影院|
高清在线精品一区二区|
国产白浆视频在线播放|
67194在线看片|
在线观看www日本免费网站|
《波多野结衣系列mkmp-305》|
扒下胸罩揉她的乳尖调教|
久久精品aⅴ无码中文字字幕|
欧美www网站|
亚洲成AV人片在线观看ww
|
欧美综合区自拍亚洲综合图区|
免费黄色一级片|
精品真实国产乱文在线|
国产一区二区精品久久91|
连开二个同学嫩苞视频|
国产成人亚洲精品91专区手机|
亚洲av无码成人精品区狼人影院|
欧美黑人粗大xxxxbbbb|
你懂得视频在线观看|
精品人妻伦一二三区久久|
四虎一影院区永久精品|
色噜噜狠狠色综合欧洲|
国产亚洲人成网站观看|
香蕉视频在线免费|
国产女人高潮视频在线观看|
国产露出调教91|
国产极品大学生酒店|