CSS展開和收起列表是一種常見的網頁設計技巧，可以幫助我們有效地組織和管理網頁中的列表。本文將介紹如何使用CSS來展開和收起列表。

讓我們來了解CSS如何控制列表的展開和收起。CSS可以通過使用`display`屬性來控制列表的顯示方式。`display`屬性有兩個值：`list-item`和`list`。`list-item`表示列表項將呈現為單個元素，而`list`則表示列表項將呈現為多個元素。當我們使用`list-item`時，列表項將自動展開。相反，當我們使用`list`時，列表項將自動收起。

下面是一個使用CSS展開和收起列表的例子：

```html

在這個例子中，我們使用`list-item`來定義每個列表項，并將`display`屬性設置為`list-item`，這將使得列表項自動展開。

下面是一個使用CSS收起列表的例子：

```html

在這個例子中，我們使用`list`來定義每個列表項，并將`display`屬性設置為`list`，這將使得列表項自動收起。

通過使用`display`屬性，我們可以輕松地控制列表的展開和收起。我們還可以使用其他CSS屬性來控制列表的外觀和行為，例如`list-style-type`和`margin`等。

當然，除了使用CSS，還有其他方法來控制列表的展開和收起。例如，我們可以使用JavaScript來動態地更改列表項的顯示方式。但是，使用CSS來控制列表是更加方便和靈活的。

CSS展開和收起列表是一種常見的網頁設計技巧，可以幫助我們有效地組織和管理網頁中的列表。通過使用`display`屬性，我們可以輕松地控制列表的展開和收起。