HTML 的列表是一個將內容按照一定順序或者無序組織起來的元素。而列表的邊框也是一個很重要的視覺效果。那么，怎樣設置它們的邊框呢？
首先，我們要明確一點，即列表分為無序列表（
- ）和有序列表（
- ）。它們的顯示樣式不同，所以設置邊框的方法也不一樣。
1. 無序列表的邊框
無序列表的每個內容項都由一個圓點（實心或空心）標識。如果我們想給這些圓點加上邊框，可以通過以下 CSS 樣式：
```html```
上述代碼中，我們首先將列表的樣式設置為無，同時去掉左側的縮進。接著，對于每個列表項，我們設置了一個邊框、一些外邊距和內邊距，其中 ::before 偽元素用于在每個項前添加一個實心圓點。
2. 有序列表的邊框
有序列表的每個內容項都有一個編號，因此邊框的設置方式也略有不同：
```html```
我們只需要為每個列表項添加一個邊框并進行適當的外內邊距設置即可。至于編號的大小和樣式，可以通過 list-style-type 屬性進行調整。
總結：
設置 HTML 列表的邊框需要了解兩種不同的列表類型，分別是無序列表和有序列表。通過為每個列表項添加一個邊框并設置外內邊距，我們可以優化列表的視覺效果。在 CSS 樣式中，我們還可以通過 ::before 和 ::after 偽元素新增內容，進一步裝飾列表元素。