CSS 中的圖片按鈕（image button）可以讓網頁顯示更加生動活潑。通常情況下，我們使用CSS樣式將圖片轉變為按鈕，并為其添加交互性的效果。下面就是制作一個簡單的圖片按鈕的樣例：

HTML 代碼：
<button class="button"><img src="button.png" alt="按鈕"></button>
CSS 代碼：
.button {
border: none;
background-color: transparent;
cursor: pointer;
display: inline-block;
margin: 10px;
outline: none;
position: relative;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: background-color 0.5s ease;
}
.button img:hover {
transform: scale(1.2);
}
.button:hover {
background-color: #f5f5f5;
}
.button:active {
top: 2px;
}

首先，我們在HTML中使用了button標簽，并為其添加了一個class為“button”。button標簽本身是不允許嵌套其他元素的，但是我們可以在其中插入一個img標簽，以顯示我們所想要的按鈕圖片。

在CSS中，我們為.button樣式添加了一系列設置，包括去掉按鈕邊框、背景色透明、鼠標指針為手形，以及懸停、點擊等狀態下的一些效果。我們將按鈕設定為inline-block元素，以保證在按鈕內部可以插入圖片。同時，我們使用了transition屬性，以實現一個平滑的背景色變化效果。

接下來，我們為按鈕的圖片設置了hover樣式，在鼠標懸停時圖片將會放大至1.2倍。同時，當鼠標懸停在按鈕上時，我們還設置了按鈕背景色的變化，以增加交互性。最后，我們還為按鈕的active狀態設置了一個2px的向下偏移，以形成按下的效果。

以上便是制作一個簡單的圖片按鈕的樣例，希望對您有所幫助。