CSS按鈕是網頁設計中常用并且十分常見的元素。通過添加小圖標，可以增強按鈕的視覺效果和信息傳遞能力。

.btn {
display: inline-block;
padding: 10px 16px;
margin: 10px;
border: none;
border-radius: 4px;
background-color: #007bff;
color: #fff;
font-size: 16px;
font-weight: 600;
text-align: center;
text-decoration: none;
}
.btn:hover {
background-color: #0069d9;
}
.btn:before {
content: url("icon.png");
margin-right: 8px;
}

以上是一個簡單的CSS按鈕代碼示例。通過添加:before偽類選擇器，我們可以輕松實現按鈕加小圖標的效果。

在:before中，我們使用了content屬性來為按鈕添加圖標。這里需要注意的是，引用的圖標需要使用路徑或鏈接地址。在本例中，我們使用了icon.png作為圖標路徑。

除了這個簡單的CSS按鈕代碼示例，我們還可以根據實際需要調整按鈕的不同樣式和圖標。

總的來說，通過在CSS按鈕中加入小圖標是一個簡單而又有效的方式，可以使按鈕更加美觀和易于辨別，增強用戶對按鈕的理解和操作。在網頁設計中，CSS按鈕加小圖標是不可或缺的元素，創造更加優秀的用戶體驗。