標(biāo)題：使用 CSS 創(chuàng)建 li 列表

li 列表是 HTML 中最常見的列表元素之一，它由多個(gè)無序列表項(xiàng)組成。li 列表可以通過 CSS 進(jìn)行樣式設(shè)置，使其更具吸引力和可讀性。在本文中，我們將探討如何使用 CSS 創(chuàng)建 li 列表，并提供一些有用的技巧和注意事項(xiàng)。

## 1. 選擇 li 列表項(xiàng)

要使用 CSS 創(chuàng)建 li 列表，您需要選擇包含 li 列表項(xiàng)的 HTML 元素。您可以使用 ID 或類名來選擇 li 列表項(xiàng)，如下所示：

```html

<ul id="myList">

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

```html

<ul class="myList">

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

無論您選擇哪種方式，您都需要確保選擇正確的 li 列表項(xiàng)，因?yàn)樗鼈儗⒊霈F(xiàn)在您的列表中。

## 2. 設(shè)置 li 列表項(xiàng)的樣式

一旦您選擇了 li 列表項(xiàng)，您可以使用 CSS 對(duì)其進(jìn)行樣式設(shè)置。您可以使用以下屬性來改變 li 列表項(xiàng)的顏色、字體大小、邊框樣式、列表背景等：

```css

color: blue;

font-size: 16px;

border-radius: 5px;

background-color: #f00;

```css

li:first-child {

border-radius: 0 0 5px 5px;

```css

li:last-child {

border-radius: 5px 5px 0 0;

這些屬性可以應(yīng)用于單個(gè) li 列表項(xiàng)或多個(gè) li 列表項(xiàng)。您還可以使用其他屬性來改變列表項(xiàng)的樣式，例如：

```css

li:hover {

background-color: #007bff;

```css

li:hover {

background-color: #007bff;

cursor: pointer;

## 4. 總結(jié)