在前端開發中，我們常常會需要使用按鈕來實現一些功能，而在按鈕上放置圖片可以讓界面更為直觀美觀。下面介紹如何使用 CSS 實現按鈕上放置圖片。

.button {
background-image: url("example.png");
background-repeat: no-repeat;
background-size: contain;
padding: 10px 20px;
}

首先，在 CSS 中設置按鈕的樣式，這里用 .button 作為樣式名。然后，通過 background-image 屬性指定按鈕的背景圖片。接著，使用 background-repeat 屬性設置背景圖片不重復。如果圖片尺寸大于按鈕，則使用 background-size 屬性，設置背景圖片大小自適應按鈕大小。最后，預留出一定的內邊距 padding，使按鈕文字與圖片有一定間隔。

在 HTML 中，使用 button 標簽創建按鈕，并在 class 屬性中加上剛剛設置的樣式名即可：

<button class="button">按鈕</button>

這樣，按鈕上就可以顯示出剛剛設置的背景圖片了。