這篇文章主要介紹了CSS列表屬性的示例分析，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司是一家網(wǎng)站設(shè)計(jì)公司，集創(chuàng)意、互聯(lián)網(wǎng)應(yīng)用、軟件技術(shù)為一體的創(chuàng)意網(wǎng)站建設(shè)服務(wù)商，主營產(chǎn)品：響應(yīng)式網(wǎng)站設(shè)計(jì)、高端網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營銷推廣。我們專注企業(yè)品牌在網(wǎng)站中的整體樹立，網(wǎng)絡(luò)互動的體驗(yàn)，以及在手機(jī)等移動端的優(yōu)質(zhì)呈現(xiàn)。網(wǎng)站制作、成都網(wǎng)站建設(shè)、移動互聯(lián)產(chǎn)品、網(wǎng)絡(luò)運(yùn)營、VI設(shè)計(jì)、云產(chǎn)品.運(yùn)維為核心業(yè)務(wù)。為用戶提供一站式解決方案，我們深知市場的競爭激烈，認(rèn)真對待每位客戶，為客戶提供賞析悅目的作品，網(wǎng)站的價值服務(wù)。

CSS 列表

從某種含意上講，不是描摹性的文本的任何內(nèi)容都可以以為是列表。生齒普查、太陽系、家譜、飽覽菜單，以至你的全數(shù)友好都可以顯現(xiàn)為一個列表大約是列表的列表。

由于列表如此多樣，這使得列表相等需求，以是說，CSS 中列表名堂不太豐富實(shí)際上是一大憾事。

列表類型

要影響列表的名堂，最簡單（同時支持最虛假）的方式就是改變其標(biāo)志類型。

例如，在一個無序列表中，列表項(xiàng)的符號 (marker) 是涌現(xiàn)在各列表項(xiàng)旁邊的圓點(diǎn)。在有序列表中，標(biāo)識表記標(biāo)幟多是字母、數(shù)字或其他某種計(jì)數(shù)體系中的一個符號。

要修正用于列表項(xiàng)的符號類型，可使用屬性 list-style-type：

ul {list-style-type : square}

上面的聲明把無序列表中的列表項(xiàng)標(biāo)記設(shè)置為方塊。

列表項(xiàng)圖象

偶爾，老例的符號是不足的。你可能想對各標(biāo)識表記標(biāo)幟使用一個圖象，這可以操作 list-style-image 屬性做到：

ul li {list-style-image : url(xxx.gif)}

只需要簡單地使用一個 url() 值，便可使用圖像作為標(biāo)識表記標(biāo)幟。

列表標(biāo)識表記標(biāo)幟身分

CSS2.1 可以必定標(biāo)志呈當(dāng)初列表項(xiàng)內(nèi)容以外照舊內(nèi)容內(nèi)部。這是獨(dú)霸 list-style-position 實(shí)現(xiàn)的。

簡寫列表花樣

為簡單起見，可以將以上 3 個列表樣式屬性分隔為一個利便的屬性：list-style，就像多么：

li {list-style : url(example.gif) square inside}

list-style 的值可以按任何舉措列出，而且這些值均可以忽略。只有提供了一個值，其它的就會填入其默認(rèn)值。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“CSS列表屬性的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

分享題目：CSS列表屬性的示例分析
URL網(wǎng)址：http://aaarwkj.com/article26/pjdpcg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、網(wǎng)站收錄、響應(yīng)式網(wǎng)站、App開發(fā)、網(wǎng)站制作、移動網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)