本文探討的是在CSS中如何給列表項()添加背景顏色。
首先,在HTML中使用
- 和
- 創建一個簡單的無序列表:
```
- 第一項
- 第二項
- 第三項
- 元素創建一個CSS類,如下所示:
```
li {
background-color: yellow;
}
```
這將為所有的列表項添加一個黃色的背景顏色。但是,我們可能只想為每個列表項指定不同的背景顏色。
為了達到這個目的,我們需要為每個列表項創建一個獨立的CSS類,然后為這個類指定背景顏色。我們可以按如下方式創建三個不同的CSS類:
```
.yellow {
background-color: yellow;
}
.green {
background-color: green;
}
.blue {
background-color: blue;
}
```
現在我們需要將這些類應用到我們的列表項中。為了實現這一點,請將我們之前的HTML代碼更改如下:
```
- 第一項
- 第二項
- 第三項
上一篇css3圖片過濾時間
下一篇css3圖組轉動