CSS是Cascading Style Sheets的縮寫，是一種用于為HTML文檔添加樣式的語言。其中一個常見的應用場景就是在網頁中創建收起展開列表。

首先，我們需要定義HTML的結構，包括列表的標題和內容。例如：

<div class="list">
<h2>標題1</h2>
<p>內容1</p>
<h2>標題2</h2>
<p>內容2</p>
</div>

接著，我們可以使用CSS為這個列表添加樣式，使其具有收起展開的效果：

/* 隱藏所有的內容 */
.list p {
display: none;
}
/* 當標題被點擊時，顯示被點擊標題下面的內容 */
.list h2 {
cursor: pointer; /* 鼠標懸停時顯示手型 */
}
.list h2:hover {
text-decoration: underline; /* 鼠標懸停時下劃線樣式 */
}
.list h2:after {
content: "+" /* 初始顯示“+”號 */
}
.list h2.active:after {
content: "-" /* 當標題被點擊后顯示“-”號 */
}
.list h2.active + p {
display: block; /* 標題下面的內容顯示 */
margin-top: 5px; /* 與上方的標題有一定的間距 */
}

上面的代碼中，我們使用display屬性將內容設置為隱藏狀態。然后，我們為標題添加點擊事件，當標題被點擊時，添加一個active類，同時將標題下方的內容設置為顯示狀態。同時，我們使用after偽類為標題添加“+”號，當點擊后將“+”號改為“-”號。

通過上述的CSS代碼，我們可以為網頁添加簡單而實用的收起展開列表，為用戶帶來更好的使用體驗。