CSS中的ul和li是很常用的標簽，它們通常用于生成網頁菜單或者列表。在這篇文章中，我們來詳細了解一下它們的用法。

列表項1
列表項2
列表項3

上面的代碼就是一個簡單的無序列表，包含三個列表項。我們可以通過CSS來控制它的樣式。

首先，我們可以設置ul和li的一些基本樣式，比如背景顏色、字體大小等等。

ul {
background-color: #f5f5f5;
padding: 10px;
}
li {
font-size: 16px;
margin-bottom: 10px;
}

上面的代碼將ul的背景顏色設置為灰色，padding為10像素；將li的字體大小設置為16像素，margin-bottom為10像素。這樣就可以讓我們的列表看起來更加美觀。

接下來，我們要了解一下如何給列表項添加樣式。我們可以使用選擇器來控制每個列表項，比如給第一個列表項添加特殊的樣式。

li:first-child {
color: red;
}

上面的代碼使用了:first-child偽類選擇器，來選擇第一個li元素，并將它的顏色設置為紅色。

還可以使用偽類選擇器來給列表項添加一些動態的效果，比如鼠標懸停時改變顏色。

li:hover {
background-color: yellow;
}

上面的代碼使用了:hover偽類選擇器，來選擇當鼠標懸停在li元素上時，將它的背景顏色設置為黃色。

除了基本樣式和選擇器，CSS還提供了很多其他的樣式屬性，比如對齊方式、邊框、圓角等等，可以根據需要進行設置。

li {
text-align: center;
border: 1px solid black;
border-radius: 5px;
}

上面的代碼將li的文本對齊方式設置為居中，給它添加了一個1像素的黑色邊框，并將邊框角度設置為5像素，使它看起來更加美觀。

綜上所述，ul和li是網頁中常用的標簽，它們可以用于生成菜單、列表等等。通過CSS的樣式設置，可以讓它們更加美觀、實用。