li 是 HTML 中用于表示列表項的標簽。在 CSS 中，li 標簽也可以被用作列表項的類名，用于定義列表項的樣式。本文將介紹 li 標簽在 CSS 中的用法，并探討如何使用 CSS 來定義和樣式化 li 列表項。

一、li 標簽的語法

li 標簽的語法如下：

<li>元素內容</li>

二、li 標簽的類名

在 CSS 中，li 標簽可以被用作列表項的類名，用于定義列表項的樣式。類名通常以數字和字母組合的形式出現，如 1 li、2 li、3 li 等。使用類名可以使 CSS 樣式更加簡潔和易于理解。

例如，以下是一個簡單的 li 列表項的 CSS 樣式：

font-size: 16px;

font-weight: bold;

這個樣式將定義所有名為 "li" 的列表項，它們的字體大小、字體顏色和下劃線都將被設置為 16px、 bold 和加粗，并且它們的文本樣式都將被設置為常規。

三、如何使用 CSS 來定義和樣式化 li 列表項

使用 CSS 來定義和樣式化 li 列表項有多種方法。以下是一些常見的方法：

1. 使用類名

使用類名的方法是最常見的，這種方法簡單明了，易于理解。例如，以下是一個簡單的 li 列表項的 CSS 樣式：

font-size: 16px;

font-weight: bold;

這個樣式將定義所有名為 "li" 的列表項，它們的字體大小、字體顏色和下劃線都將被設置為 16px、 bold 和加粗。

2. 使用 ID 標簽

如果某個 li 列表項需要特定的樣式，可以使用 ID 標簽來定義。例如，以下是一個簡單的 li 列表項的 CSS 樣式：

#myList li {

font-size: 16px;

font-weight: bold;

這個樣式將定義名為 "myList" 的列表項，它們的字體大小、字體顏色和下劃線都將被設置為 16px、 bold 和加粗。

3. 使用屬性

除了使用類名和 ID 標簽外，還可以使用屬性來定義和樣式化 li 列表項。例如，以下是一個簡單的 li 列表項的 CSS 樣式：

display: inline-block;

width: 100px;

height: 100px;

background-color: #ccc;

border: 1px solid #ccc;

這個樣式將定義所有名為 "li" 的列表項，它們的顯示方式為內聯塊元素，寬度和高度都將被設置為 100 像素，背景顏色將被設置為黑色，邊框將被設置為白色。

通過使用 CSS 來定義和樣式化 li 列表項，可以使列表項更加清晰和易于閱讀。