在 CSS 中,ol 代表有序列表(Order List),它是一個常用的標簽。
下面是 ol 標簽的示例:
- 蘋果
- 西瓜
- 香蕉
在上面的代碼中,我們可以看到 ol 標簽將每個項目都標記為數字,因為這是一個有序列表。這與 ul 標簽不同,它代表無序列表。在無序列表中,每個項目都以表示項目的符號開始,而不是數字。
當我們想創建一個有序的列表時,可以使用 ol 標簽。它不僅可以標記序號,還可以幫助我們改變列表的外觀樣式。我們可以使用 CSS 屬性來控制序號的位置、樣式、大小等等。例如:
ol { list-style-type: upper-roman; }
這段代碼將幫助我們將序號變為羅馬數字。除此之外,list-style-type 屬性可以用其他值來替換來創建更多的樣式。例如:decimal, lower-alpha, upper-alpha, lower-greek, lower-latin 等等。