中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

CSS重新定義項(xiàng)目符號(hào)和編號(hào)技巧

用過Word的人都知道Word 有一個(gè)“項(xiàng)目符號(hào)和編號(hào)”的功能,用起來很方便。Dreamweaver3的屬性面板也有一個(gè)類似有的“項(xiàng)目符號(hào)和編號(hào)”的圖標(biāo)按鈕,產(chǎn)生自動(dòng)列表功能, 但它只有兩種形式,即方塊和阿拉伯?dāng)?shù)字。不過我們可以利用Dreamweaver3的CSS定義功能去重新定義“列表符號(hào)的格式”。下面以定義一個(gè)“大寫 羅馬數(shù)字項(xiàng)目列表符號(hào)”為例來說明其使用方法:

1、按F7(或點(diǎn)擊快速啟動(dòng)欄里那個(gè)象“八卦圖”似的圖標(biāo)),調(diào)出CSS面板,選擇 “none”,再點(diǎn)擊面板下部的編輯圖標(biāo),在彈出的“Edit Style Sheet”對(duì)話框上按“New”按鈕,在彈出的“New Style”對(duì)話框中選擇“Redifine HTML TAG(重定義HTML標(biāo)記)”后,在下面的“Tag”選擇框中選擇“ol”,按OK,立即彈出“Style Definition for ol”對(duì)話框,如下圖所示:

在“Style Definition for ol”對(duì)話框左邊的選擇窗口中選擇“l(fā)ist”,在右邊的面板上我們只要定義“Type”就行了,點(diǎn)一下右邊那個(gè)三角形按鈕,可看到如下圖所示的列表:

2、我來解釋一下上圖中這個(gè)列表中各項(xiàng)的含義:

disc:實(shí)心圓;

circle:空心圓;

square:實(shí)心方塊;

decimal:十進(jìn)制數(shù)字;

lower-roman:小寫羅馬數(shù)字;

upper-roman:大寫羅馬數(shù)字;

lower-alpha:小寫英文字母;

upper-alpha:大寫英文字母;

none:不顯示項(xiàng)目符號(hào)和編號(hào)。

很顯然,在本例中要選擇“upper-roman”,然后按OK返回(要注意 “Bullet”屬性現(xiàn)在不要選,否則有可能就不是預(yù)期的結(jié)果了)。在“Edit Style Sheet”對(duì)話框上按“Done”按鈕結(jié)束。在網(wǎng)頁源代碼的〈head〉與〈/head〉之間見到的CSS代碼是這樣的:

〈style type="text/css"〉

〈!--

ol { list-style-type: upper-romancircle}

--〉

〈/style〉

對(duì)于不是使用Dreamweaver3的網(wǎng)友,直接把上述代碼復(fù)制在〈head〉與〈/head〉之間,產(chǎn)生的效果相同。

3、這樣當(dāng)我們?cè)谠O(shè)計(jì)網(wǎng)頁時(shí),在屬性面板上點(diǎn)擊項(xiàng)目編號(hào)圖標(biāo)

就能獲得大寫羅馬數(shù)字的列表了,但在編輯時(shí)看到的還是十進(jìn)制編號(hào),只有在瀏覽時(shí)才顯示其本來面目。若需要其它格式的編號(hào),只要在第二步中選擇列表中的其它樣式就行了。

若是要使按下

圖標(biāo)后,項(xiàng)目符號(hào)前面那個(gè)圖形(默認(rèn)的是實(shí)心方塊)也改變?yōu)閿?shù)字編號(hào),只要在第一步中選擇“Tag”標(biāo)記時(shí)不要選“ol”而改為選“ul”,其它操作完全相同。如要把它改成用大寫羅馬數(shù)字項(xiàng)目符號(hào),則得到的CSS代碼是這樣的:

〈style type="text/css"〉

〈!--

ul { list-style-type: upper-romancircle}

--〉

〈/style〉

從這里可以看,這兩個(gè)圖標(biāo)所起的作用基本相同,只是標(biāo)記不同而已。

HTML/CSS技術(shù)CSS重新定義項(xiàng)目符號(hào)和編號(hào)技巧,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 羞羞视频在线网站观看 | 337p日本欧洲亚洲大胆精蜜臀 | 久热爱 | 日韩国产在线观看 | 日本久久精品视频 | 国产精品色一区二区三区 | 粉嫩av| 在线看片国产 | 日韩精品一区二区三区中文在线 | 91视频免费视频 | 欧美在线观看免费观看视频 | 国产1区2区在线观看 | 欧美在线观看一区 | 国产免费xxx | 欧美二区三区 | 色婷婷一区二区三区四区 | 亚洲精品日韩综合观看成人91 | 亚洲久久| 国产精品久久久久久久久免费软件 | 91久久精品一区二区二区 | 国产99精品| 欧美日韩国产高清视频 | 国产精品久久久久一区二区 | 久久久久久色 | 特a毛片 | 天堂av在线影院 | 精品国产乱码久久久久久影片 | 亚洲欧美国产精品久久 | 日韩激情视频一区 | 成人精品鲁一区一区二区 | 国产四区 | 成人在线中文字幕 | 精品九九 | 日韩欧美在线视频一区 | 黄在线 | 99精品亚洲国产精品久久不卡 | 国产一区二区 | av日韩在线播放 | 亚洲区一 | 黄网站在线播放 | 久久精品久久久久久 |