列表類(lèi)型（list-style-type）

成都創(chuàng)新互聯(lián)長(zhǎng)期為數(shù)千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為張灣企業(yè)提供專(zhuān)業(yè)的網(wǎng)站設(shè)計(jì)、做網(wǎng)站，張灣網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

要影響列表的樣式，最簡(jiǎn)單（同時(shí)支持最充分）的辦法就是改變其標(biāo)志類(lèi)型。

在一個(gè)無(wú)序列表中，列表項(xiàng)的標(biāo)志 (marker) 是出現(xiàn)在各列表項(xiàng)旁邊的圓點(diǎn)。

在有序列表中，標(biāo)志可能是字母、數(shù)字或另外某種計(jì)數(shù)體系中的一個(gè)符號(hào)。

屬性值有以下：

list-style-type：none無(wú)標(biāo)記

list-style-type：disc默認(rèn)，標(biāo)記是實(shí)心圓

list-style-type：circle 空心圓

list-style-type：square實(shí)心方塊

list-style-type：decimal標(biāo)記是數(shù)字

list-style-type：decimal-leading-zero 0開(kāi)頭的數(shù)字標(biāo)記（01,02,03）等

list-style-type：lower-roman 小寫(xiě)羅馬數(shù)字（i,ii,iii，iv,v）

list-style-type：upper-roman 大寫(xiě)羅馬數(shù)字（I,II,III,IV）

list-style-type：lower-alpha 小寫(xiě)英文字母（a,b,c,d）

list-style-type：upper-alpha 大寫(xiě)英文字字母（A,B,C,D）

list-style-type：lower-greek 小寫(xiě)希臘字母（alpha，beta，gamma）

list-style-type：lower-latin 小寫(xiě)拉丁字母（a,b,c,d）

list-style-type：upper-latin 大寫(xiě)拉丁字母（A,B,C,D）

標(biāo)記位置（list-style-position）

inside 列表項(xiàng)目標(biāo)記位置在文本以?xún)?nèi)，且環(huán)繞文本根據(jù)標(biāo)記對(duì)齊

outside 默認(rèn)值，保持標(biāo)記位于文本的本側(cè)，列表項(xiàng)目目標(biāo)記防止在文本以外，且環(huán)繞文本不根據(jù)標(biāo)記對(duì)齊

inherit 規(guī)定應(yīng)該從父元素繼承l(wèi)ist-style-position屬性的值

設(shè)置圖像列表標(biāo)記（list-style-p_w_picpath）

屬性值有以下

URL 圖像的路徑

none 默認(rèn)，無(wú)圖形被顯示

inher 規(guī)定從父元素繼承l(wèi)ist-style-p_w_picpath屬性的值

ul li {

list-style-p_w_picpath : url(xxx.gif)

}

創(chuàng)新互聯(lián)www.cdcxhl.cn，專(zhuān)業(yè)提供香港、美國(guó)云服務(wù)器，動(dòng)態(tài)BGP最優(yōu)骨干路由自動(dòng)選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機(jī)房獨(dú)有T級(jí)流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確進(jìn)行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動(dòng)現(xiàn)已開(kāi)啟，新人活動(dòng)云服務(wù)器買(mǎi)多久送多久。

分享文章：css列表屬性詳細(xì)總結(jié)-創(chuàng)新互聯(lián)
路徑分享：http://weahome.cn/article/cedojs.html