CSS中的OL（Ordered List）
CSS中的OL是指有序列表（Ordered List）的樣式。
在HTML中，我們可以使用
標簽來創(chuàng)建有序列表，其默認樣式為阿拉伯數(shù)字編號的列表。
```html- 第一項
- 第二項
- 第三項
```
上述代碼會生成一個包含三個阿拉伯數(shù)字編號的列表。
但是，如果我們需要修改這個列表的樣式，比如使用不同的編號類型，或者修改編號的顏色、字體等，就需要使用CSS來對OL進行樣式的設置。
在CSS中，我們可以使用以下屬性來對OL進行樣式設置：
1. list-style-type
list-style-type屬性用于設置列表項的編號類型。常用的屬性值包括：
- decimal（默認值）：阿拉伯數(shù)字
- decimal-leading-zero：前導零的阿拉伯數(shù)字
- lower-roman：小寫羅馬數(shù)字
- upper-roman：大寫羅馬數(shù)字
- lower-alpha：小寫字母（a，b，c）
- upper-alpha：大寫字母（A，B，C）
例如，我們將OL的編號類型設置為小寫字母：
```css
ol {
list-style-type: lower-alpha;
}
```
2. list-style-position
list-style-position屬性用于設置編號的位置。常用的屬性值有：
- outside（默認值）：編號在列表項外
- inside：編號在列表項內(nèi)
例如，我們將OL的編號位置設置為列表項內(nèi)：
```css
ol {
list-style-position: inside;
}
```
3. list-style-image
list-style-image屬性用于設置自定義編號圖片。值為圖片的URL地址。
例如，我們將OL的編號類型設置為圖標：
```css
ol {
list-style-image: url("icon.png");
}
```
除了以上三個屬性外，我們還可以對OL進行其他樣式的設置，比如設置編號的顏色、大小、字體等。
總之，CSS中的OL為我們提供了靈活的樣式設置方式，使得我們可以輕松地定制我們想要的列表樣式。
