CSS按鈕是網站設計中常見的一種交互元素，能夠提升用戶體驗和視覺效果。除了常見的文字按鈕外，也可以在按鈕中加入圖片來豐富按鈕的外觀和功能。

/* 添加背景圖片 */
.btn {
background-image: url("image.png");
background-repeat: no-repeat;
background-size: cover; 
}
/* 添加帶有圖標的文字按鈕 */
.icon-btn {
background-color: #007bff;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
background-image: url("icon.png");
background-size: 20px 20px;
background-position: left center;
background-repeat: no-repeat;
padding-left: 40px;
}

在上面的代碼中，我們使用了background-image屬性來添加背景圖片，而background-size、background-position和background-repeat屬性可用于對圖片進行定位、尺寸和重復設置。在添加帶有圖標的按鈕時，我們使用了padding-left屬性來給文字留出圖標的位置，并使用background-position屬性來設置圖標在背景中的位置。

需要注意的是，在使用圖片作為按鈕的背景時，需對圖片進行優化，以使加載速度更快，同時保持良好的視覺效果。另外，也可以使用<img>標簽來在按鈕中添加圖片，不過需對按鈕的樣式和布局進行一定的調整。