CSS是網頁設計中非常重要的一部分，通過使用CSS，我們可以控制網頁的樣式和布局，而展開符號作為常見的功能之一，也常常受到我們的關注。

.expand {
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #333;
margin: 0 auto;
position: relative;
}
.expand:before,
.expand:after {
content: '';
display: block;
width: 10px;
height: 2px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.expand:before {
transform: translate(-50%, -50%) rotate(45deg);
}
.expand:after {
transform: translate(-50%, -50%) rotate(-45deg);
}

上面是一個常見的展開符號的CSS樣式代碼。我們首先定義展開符號的大小和形狀，然后使用偽元素:before和:after來創建橫向和縱向的兩條直線。通過旋轉這兩條直線，我們就可以讓它們形成一個“十”字形，就像是一個小小的加號。

當我們想要展開一些內容時，通常會讓這個符號變成一個向下的箭頭，而這只需要在展開的時候給這個符號添加一個對應的CSS樣式即可。通過這樣的方式，我們可以很直觀地表達一個折疊/展開的狀態，并能夠增加用戶的交互體驗。

總之，展開符號是一個非常有用的功能，無論你是在做響應式設計還是在設計一個網頁布局，都可以使用它來讓你的內容更加易于查看和理解。