CSS收起列表怎么寫？
在網頁設計中，我們經常需要制作一些復雜的列表。經常出現一些問題，比如列表太長，不方便瀏覽，或者打亂了整個頁面結構等。這個時候，我們就需要使用類似“折疊”、“收起”的功能來解決這些問題。
關于折疊列表，CSS中實現方法有很多種，其中常見的方法是使用偽元素和:checked選擇器實現。下面就來看一下這個方法的具體實現。
1.首先，我們需要在HTML文檔中寫好我們需要折疊的列表，并為其添加一個ID，這個ID將用于CSS中的后續設置。

<ul id="fold-list">
<li>列表項一</li>
<li>列表項二</li>
<li>列表項三</li>
<li>......</li>
</ul>

2.在CSS樣式表中，我們為該ID選擇器設置樣式，并使用:checked選擇器為其添加一個特殊的樣式。（在這個例子中，我們使用了“開關式”的按鈕形式來實現折疊效果）

#fold-list {
height: auto; /* 默認高度，完整顯示列表項 */
overflow: hidden; /* 超出父容器部分隱藏 */
}
#fold-checkbox:checked + #fold-list {
height: 100px; /* 實際高度，可自行設定 */
}

3.最后，我們在HTML文檔中添加“開關”按鈕。

<input type="checkbox" id="fold-checkbox">
<label for="fold-checkbox">展開/收起列表</label>

這樣，我們就成功地使用CSS實現了折疊列表的效果。
當然，如果你需要實現更復雜的列表折疊效果，只需要在上述基礎上進行擴展即可。無論如何，合理地使用折疊列表，可以讓網頁更加美觀，也更易于使用。