今天我們來學習一下如何為列表項添加CSS樣式。
首先，我們需要注意的是，列表項有兩種不同的類型，即有序列表和無序列表。它們的HTML代碼分別如下：
```html
- 有序列表項1
- 有序列表項2
- 有序列表項3
```
下面就介紹一下如何對列表項添加CSS樣式。
1.改變列表項的樣式
我們可以通過`list-style-type`屬性來改變列表項的樣式，如下所示：
```css
ol {
list-style-type: decimal;
}
ul {
list-style-type: disc;
}
```
在`list-style-type`屬性中，我們可以設置多種不同的樣式，比如`decimal`、`none`、`circle`等等，具體可以參考CSS文檔。
2.改變列表項的顏色和字體大小
我們也可以通過`color`和`font-size`屬性來改變列表項的顏色和字體大小，如下所示：
```css
li {
color: #333;
font-size: 16px;
}
```
3.改變列表項的間距
我們可以通過`margin`和`padding`屬性來改變列表項的間距，如下所示：
```css
ol {
margin-left: 20px;
}
ul {
padding-left: 20px;
}
```
在上面的代碼中，我們分別對有序列表和無序列表添加了左邊距，使得它們與其他文本內容有所區分。
4.鼠標懸停樣式
我們也可以通過`hover`偽類來添加鼠標懸停樣式，如下所示：
```css
li:hover {
background-color: #eee;
cursor: pointer;
}
```
在上面的代碼中，當鼠標懸停在列表項上時，背景色會變成淺灰色，并且光標會變成手型，提醒用戶這是可以點擊的。
好了，以上就是關于列表項CSS樣式的介紹，希望能對大家有所幫助！
