在網頁設計中，經常需要使用按鈕來實現用戶與網頁間的交互，傳統的方式是使用HTML的button標簽來實現，但是這種按鈕多數是單調而且缺乏美感。而現在實現美觀按鈕的更優方式是使用CSS。

其中一個方式是使用圖片代替按鈕。這種方式的優勢在于可以使用任何你想要的圖片作為按鈕，并且使用CSS對齊，填充和邊距屬性可以輕松地為其添加樣式。

.button {
background-image:url('my_button.png');
width:100px;
height:50px;
text-indent:-9999px;
}
.button:hover {
background-position:0 -50px;
}

上面展示的CSS代碼中，我們為按鈕添加了一個背景圖片。text-indent：-9999px屬性使得按鈕的文本消失在按鈕的邊界之外，這意味著你可以在圖片中添加文本，而不會覆蓋文本，同時也可以添加較大面積的文本而不會使其溢出按鈕范圍內。

button:hover屬性確定了在將鼠標懸停在按鈕上時需要改變背景圖片的位置。這種方法的最大優點是：在響應鼠標事件之前我們不需要使用JavaScript，從而降低了網站的加載時間。

總的來說，使用圖片代替按鈕是一種較為簡單易學的CSS技巧，它能為網頁設計增加美感和用戶友好性。