圖片按鈕範例一、單純的 HTML button image
<button type="button"><img src="圖片網址"></button>
在範例一中，用的是 HTML 原本的 <button> 標籤，把圖片（image）包在裡面，呈現結果就像上方這樣。
圖片按鈕範例二、透過 CSS 語法設計
<input type="button" style="background-image:url(圖片網址);width:80px;height:25px;">
第二個範例用 CSS 修飾過後，是不是 button 與 image 更能融合再一起了呢？background-image 是 CSS 語法中用來規定背景圖片用的，我們的範例圖片規格為長 80px、寬 25px，所以把長寬一併寫在 style 裡面，呈現效果比單純 HTML 的設計更加漂亮。
延伸閱讀