CSS中的序號字體大小指的是列表項(<li>
元素)中,序號數字的字體大小。
默認情況下,序號的字體大小與文本內容一樣,但你可以使用list-style-size
屬性來控制它。
li { list-style-size: 18px; }
上述代碼將序號字體大小設置為18像素,可以根據需要調整數值。
需要注意的是,該屬性并不是所有瀏覽器都支持,因此最好使用降級方法來確保用戶體驗。可以在li
元素中添加一個:before
偽元素,并使用counter-increment
屬性配合content
屬性來顯示序號:
li:before { content: counter(item); counter-increment: item; display: inline-block; width: 1em; margin-right: 0.5em; font-size: 18px; }
上述代碼中,我們將:before
元素的content
屬性設置為counter(item)
,表示顯示當前項的序號,而counter-increment
屬性則用于增加計數器的值。其他的CSS樣式則用于控制排版效果。
這種方法可以在老舊瀏覽器中正常顯示,但需要注意的是,IE9及更早的版本無法支持counter()
函數。
下一篇css 底部標簽欄