標題：使用 CSS 給 HTML 列表添加邊框

在 Web 開發中，列表是一種常見的元素，用于展示一系列相關項。對于許多網站，列表可能是最重要的元素之一，因為它可以讓用戶快速瀏覽和篩選項。為了讓列表更易于閱讀和維護，我們可以使用 CSS 添加邊框。

邊框的作用是使列表看起來更像一個完整的文檔，并且可以增強用戶體驗。我們可以使用 CSS 的 `border-radius` 屬性和 `border` 屬性來添加邊框。

下面是一個示例，演示如何使用 CSS 給 HTML 列表添加邊框：

```html

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

<li>Item 4</li>

</ul>

在這個示例中，我們使用了 `ul` 標簽來定義列表，并使用 `li` 標簽來定義每個子標簽。我們使用了 `border-radius` 屬性來設置邊框的半徑，并使用 `border` 屬性來設置邊框的顏色和寬度。下面是一個修改后的示例，它添加了一個紅色的邊框：

```html

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

<li>Item 4</li>

<li style="border-radius: 5px; border: 2px solid red;">Item 5</li>

</ul>

在這個示例中，我們使用了 `style` 標簽來添加新的樣式，以便您可以自定義邊框的顏色和寬度。

除了 `border-radius` 和 `border` 屬性外，我們還可以使用其他 CSS 屬性來添加邊框，例如 `border-right-radius`、`border-bottom-radius` 和 `border-top-radius`。這些屬性可以組合使用，以創建更復雜的邊框樣式。

通過使用 CSS 添加邊框，我們可以使 HTML 列表更具可讀性和易用性，從而增強用戶體驗。