您好,登錄后才能下訂單哦!
這篇文章主要介紹了CSS列表屬性的示例分析,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
從某種含意上講,不是描摹性的文本的任何內容都可以以為是列表。生齒普查、太陽系、家譜、飽覽菜單,以至你的全數友好都可以顯現為一個列表大約是列表的列表。
由于列表如此多樣,這使得列表相等需求,以是說,CSS 中列表名堂不太豐富實際上是一大憾事。
要影響列表的名堂,最簡單(同時支持最虛假)的方式就是改變其標志類型。
例如,在一個無序列表中,列表項的符號 (marker) 是涌現在各列表項旁邊的圓點。在有序列表中,標識表記標幟多是字母、數字或其他某種計數體系中的一個符號。
要修正用于列表項的符號類型,可使用屬性 list-style-type:
ul {list-style-type : square}
上面的聲明把無序列表中的列表項標記設置為方塊。
偶爾,老例的符號是不足的。你可能想對各標識表記標幟使用一個圖象,這可以操作 list-style-image 屬性做到:
ul li {list-style-image : url(xxx.gif)}
只需要簡單地使用一個 url() 值,便可使用圖像作為標識表記標幟。
CSS2.1 可以必定標志呈當初列表項內容以外照舊內容內部。這是獨霸 list-style-position 實現的。
為簡單起見,可以將以上 3 個列表樣式屬性分隔為一個利便的屬性:list-style,就像多么:
li {list-style : url(example.gif) square inside}
list-style 的值可以按任何舉措列出,而且這些值均可以忽略。只有提供了一個值,其它的就會填入其默認值。
感謝你能夠認真閱讀完這篇文章,希望小編分享的“CSS列表屬性的示例分析”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。