百度百科：CSS legend標簽

CSS legend標簽是CSS中用于定義各種列表樣式的重要標簽之一。它可以用于定義各種類型的列表，例如分類列表、子列表、無序列表等等。通過使用legend標簽，我們可以輕松地為不同類型的列表定義不同的樣式，從而使我們的CSS代碼更加簡潔、易于維護。

legend標簽有三個基本屬性：

1. `list-style-type`：定義列表樣式，可以設置列表的樣式，如內邊距、邊框樣式、字體大小等等。

2. `legend-items`：定義legend元素的子元素，可以設置legend元素內部的子元素的樣式。

3. `display`：設置legend元素的狀態，如list-item、list-item-of-type、empty等等。

下面是一個使用legend標簽的例子：

```html

<legend>分類列表</legend>

<li>產品1</li>

<li>產品2</li>

<li>產品3</li>

</ul>

<legend>子列表</legend>

<li>產品1</li>

<li>產品2</li>

<li>產品3</li>

</ul>

<legend>無序列表</legend>

<li>產品1</li>

<li>產品2</li>

<li>產品3</li>

</ul>

在這個例子中，我們定義了一個分類列表和兩個子列表，并使用`list-style-type`屬性定義了它們的列表樣式。我們還定義了一個無序列表，并使用`legend-items`屬性定義了它的子元素的樣式。

使用legend標簽的好處在于，我們可以輕松地為不同類型的列表定義不同的樣式，從而使我們的CSS代碼更加簡潔、易于維護。此外，legend標簽還支持許多其他的屬性，如`order`，可以設置legend元素在列表中的排列順序；`show`，可以設置legend元素顯示或不顯示等等。

總之，legend標簽是CSS中非常重要的一種標簽，它為我們提供了一種簡單、高效的方式來定義各種類型的列表樣式。掌握legend標簽的屬性和使用方法，可以幫助我們更好地編寫CSS代碼，使網站更具可讀性和美觀性。