CSS中提供了一些有序列表標記可以讓我們通過樣式的方式來自定義列表項的顯示:
ol { list-style-type: decimal; /* 數字 */ list-style-type: upper-alpha; /* 大寫字母 */ list-style-type: lower-alpha; /* 小寫字母 */ list-style-type: upper-roman; /* 大寫羅馬數字 */ list-style-type: lower-roman; /* 小寫羅馬數字 */ list-style-type: none; /* 取消標記 */ }
其中,list-style-type
屬性用于設置標記類型,可以為以下值之一:
decimal
- 十進制數字upper-alpha
- 大寫字母lower-alpha
- 小寫字母upper-roman
- 大寫羅馬數字lower-roman
- 小寫羅馬數字none
- 取消標記
除了標記類型,我們還可以通過list-style-position
屬性來控制標記位置,可以為以下值之一:
inside
- 標記在列表項內部outside
- 標記在列表項外部(默認值)
ol { list-style-position: inside; /* 標記在內部 */ list-style-position: outside; /* 標記在外部(默認) */ }
有序列表標記的使用可以為我們的頁面提供更加多樣化的呈現方式。
上一篇css按鈕怎么去掉邊
下一篇css機器人直播