溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Css的列表屬性有哪些

發(fā)布時間：2022-03-02 13:38:04 來源：億速云 閱讀：164 作者：小新 欄目：web開發(fā)

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

1、類型

list-style-type: none(無標(biāo)記); disc(默認(rèn),圓點(diǎn));

circle(圓圈); square(方塊);

decimal(數(shù)字);

decimal-leading-zero(0開頭的數(shù)字標(biāo)記。(01, 02, 03, 等。);

lower-roman(小羅碼數(shù)字，如i, ii, iii, iv, v, 等);

upper-roman(大寫羅馬數(shù)字,如：I, II, III, IV, V, 等);

lower-alpha(小寫英文字母);

upper-alpha(大寫英文字母);

2、規(guī)定列表中列表項目標(biāo)記的位置：

list-style-position: outside(默認(rèn)值。保持標(biāo)記位于文本的左側(cè)。列表項目標(biāo)記放置在 文本以外，且環(huán)繞文本不根據(jù)標(biāo)記對齊) ;

list-style-position: inside(列表項目標(biāo)記放置在文本以內(nèi)，且環(huán)繞文本根據(jù)標(biāo)記對齊);

list-style-position: inherit(規(guī)定應(yīng)該從父元素繼承 list-style-position 屬性的值);

3、把圖像設(shè)置為列表中的項目標(biāo)記：

list-style-image: url(..) 圖像的路徑; none(默認(rèn) 無圖形被顯示);

list-style-image: inherit(規(guī)定應(yīng)該從父元素繼承 list-style-image 屬性的值);

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“Css的列表屬性有哪些”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手