這期內(nèi)容當中小編將會給大家?guī)碛嘘P(guān)CSS中怎么利用 list-style屬性控制li標簽樣式,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比定襄網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式定襄網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋定襄地區(qū)。費用合理售后完善,十余年實體公司更值得信賴。
list_style屬性用于修改列表的屬性
格式如下:
list_style:列表項標記類型 列表項標記的位置 列表項標記;
也可以單獨設(shè)置列表項標記:
list-style-type用于設(shè)置列表項類型:
默認值為disc為實心圓,
常用值:none空
circle空心圓
square實心方塊
decimal數(shù)字
lower-latin小寫拉丁字母a,b,c.....
upper-latin大寫字母A,B,C....
list-style-position用于設(shè)這列表項位置:
默認值outside表示在li標簽外部,這是對li添加邊框border:1px solid red;可以看到標記的位置。
inside表示標記在li標簽里面,同樣添加邊框時可以清晰地看到。
list-style-image用于設(shè)置使用圖像替換列表項標記:
默認值:none
可選值:URL ,格式為url("url地址");
舉例:
代碼如下:
無標題文檔
上述就是小編為大家分享的CSS中怎么利用 list-style屬性控制li標簽樣式了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。