CSS中的加號圖標(biāo)是一種非常常見的圖標(biāo)，它可以用來展示一些可以被擴(kuò)展或者隱藏的內(nèi)容，比如說下拉菜單或者折疊區(qū)域。

/* 在CSS中創(chuàng)建一個(gè)基礎(chǔ)的加號圖標(biāo) */
.plus-icon {
display: inline-block;
width: 10px;
height: 10px;
border-bottom: 1px solid black;
border-right: 1px solid black;
transform: rotate(45deg);
}
/* 創(chuàng)建一個(gè)可以擴(kuò)展/隱藏的區(qū)域 */
.toggleable {
display: none;
}
/* 當(dāng)加號圖標(biāo)被點(diǎn)擊時(shí)，展開/收起內(nèi)容 */
.expandable:hover .toggleable {
display: block;
}

上面代碼中，我們首先創(chuàng)建了一個(gè)基礎(chǔ)的加號圖標(biāo)，它是一個(gè)正方形，帶有一條向右下方的斜線，用transform屬性將其旋轉(zhuǎn)45度。

接著，我們?yōu)閿U(kuò)展/隱藏的內(nèi)容（比如下拉菜單）創(chuàng)建了一個(gè)CSS類，這個(gè)類的display屬性被設(shè)置為none，意味著這個(gè)內(nèi)容默認(rèn)情況下不會顯示。

最后，我們?yōu)榘犹枅D標(biāo)和可展開區(qū)域的容器（比如一個(gè)li元素或者div元素）創(chuàng)建了一個(gè)CSS類，這個(gè)類的hover偽類被用來監(jiān)聽鼠標(biāo)懸停事件，當(dāng)用戶懸停在元素上時(shí)，擴(kuò)展/隱藏的內(nèi)容會出現(xiàn)。

通過這樣的方式，我們可以很容易地使用CSS來創(chuàng)建一個(gè)基于加號圖標(biāo)的擴(kuò)展/隱藏內(nèi)容的交互效果。