CSS中的加號按鈕可以用于很多地方，例如在表單中用于點擊顯示或隱藏更多內容。這個按鈕通常會出現在一個元素的左側或下方，被稱為“展開按鈕”或“下拉按鈕”。

.button {
display: inline-block;
padding: 10px 20px;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #fff;
background-color: #333;
cursor: pointer;
}
.button:before {
content: '+';
display: inline-block;
width: 20px;
height: 20px;
margin-right: 5px;
font-size: 16px;
line-height: 20px;
background-color: #fff;
text-align: center;
color: #333;
border: 1px solid #ccc;
border-radius: 50%;
transition: all .3s;
}
.button.active:before {
content: '-';
background-color: #333;
color: #fff;
}

上述代碼展示了如何使用CSS創建一個加號按鈕。我們首先定義了一個基本的按鈕樣式，然后使用:before偽元素來創建一個加號圖標，將其置于按鈕的左側或上方。這個偽元素被定義為一個圓形，具有白色的背景和灰色的邊框。當按鈕被激活時（例如，用戶點擊它），我們使用CSS的active偽類來更改偽元素的內容和顏色，將加號變為減號，并將背景和文字顏色反轉。

最后，我們可以將這個按鈕添加到HTML中的一個元素或容器中，并使用JavaScript或jQuery來控制它的動作，從而創造一個完美的用戶體驗。構建你自己的加號按鈕，將它放在你的網站上，創造一流的交互效果！