求教下，CSS中同一頁面怎么設(shè)置兩種不同的項(xiàng)目符號(hào)！

style

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括石臺(tái)網(wǎng)站建設(shè)、石臺(tái)網(wǎng)站制作、石臺(tái)網(wǎng)頁制作以及石臺(tái)網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，石臺(tái)網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到石臺(tái)省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

ul.list1 {list-style-type:circle} /* 圓形符號(hào) */

ul.list2 {list-style-type:square} /* 實(shí)心方塊 */

/style

body

ul class="list1"

lilist1/li

/ul

ul class="list2"

lilist1/li

/ul

/body

HTML CSS 如何把項(xiàng)目符號(hào)自定義

可以隱藏默認(rèn)的項(xiàng)目符號(hào)，用list-style-type:none;

但是你自己定義的就需要一個(gè)一個(gè)寫了。

在CSS里怎樣讓列表前面的項(xiàng)目符號(hào)顯示出來

一般默認(rèn)情況下那個(gè)項(xiàng)目符號(hào)是有的。如果是定義了ul{list-style:none;},那個(gè)項(xiàng)目符號(hào)就沒有了，在這種情況下，你可以用list-style-type把那個(gè)項(xiàng)目符號(hào)顯示出來，其中l(wèi)ist-style-type的取值可以是下面這些：

disc : 默認(rèn)值。實(shí)心圓

circle : 空心圓

square : 實(shí)心方塊

decimal : 阿拉伯?dāng)?shù)字

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

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

lower-alpha : 小寫英文字母

upper-alpha : 大寫英文字母

none : 不使用項(xiàng)目符號(hào)

css設(shè)置項(xiàng)目符號(hào)太大了怎么變??？

list-style-image屬性設(shè)置的列表標(biāo)記圖像沒法通過樣式調(diào)整大小。

只能從圖片入手，把圖片調(diào)整成理想大小。

css如何顯示項(xiàng)目符號(hào)為數(shù)字

用過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代碼是這樣的：

以下為引用的內(nèi)容：

〈style type="text/css"〉

〈!--

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

--〉

〈/style〉

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

3、這樣當(dāng)我們在設(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代碼是這樣的：

以下為引用的內(nèi)容：

〈style type="text/css"〉

〈!--

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

--〉

〈/style〉

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