您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“css中list-style的示例分析”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“css中list-style的示例分析”這篇文章吧。
html語律例定li必須在ul或ol內使用,那末對ul或ol或者設置list-style-image引入圖片作為li的背面組織素材。但一樣平常div css機關時候不采用這種方式來設置li的負面圖片素材,一樣平常對li直接設置裝備擺設后臺圖片,多么兼容更好,更容易管教。
我們運用對照多是list-style的list-style-type屬性來配置li默認后面名堂。
默認ul li和ol li的格局
2、list-style-type的值與疏解
下列梗概自己下去測試看看各類值效果。
參數:
disc : CSS1 實心圓
circle : CSS1 空心圓
square : CSS1 實心方塊
decimal : CSS1 阿拉伯數字
lower-roman : CSS1 大寫羅馬數字
upper-roman : CSS1 大寫羅馬數字
lower-alpha : CSS1 大寫英筆墨母
upper-alpha : CSS1 大寫英筆墨母
none : CSS1 不應用工程標志
armenian : CSS2 古板的亞美尼亞數字
cjk-ideographic : CSS2 淺白的表意數字
georgian : CSS2 古板的喬治數字
lower-greek : CSS2 底子的希臘小寫字母
hebrew : CSS2 激進的希伯萊數字
hiragana : CSS2 日文平假名字符
hiragana-iroha : CSS2 日文平化名序號
katakana : CSS2 日文片假名字符
katakana-iroha : CSS2 日文片假名序號
lower-latin : CSS2 小寫拉丁字母
upper-latin : CSS2 大寫拉丁字母
以上是“css中list-style的示例分析”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。