一度好認為，在網頁設計中，按鈕是必不可少的一項表單元素。常用的按鈕有四種，即提交按鈕、重置按鈕、普通按鈕、圖片按鈕。其中比較常用以提交按鈕，重置按鈕為重。

大家知道，默認的按鈕樣式比較的不雅觀，那么就會有人想到設計一個精美的圖片用作按鈕。下面一度好就告訴大家如何用圖片來做按鈕。

提交按鈕用圖片表示：

<input name="submit" type="submit" value="" style=" border:0;background:url(images/submit.jpg); width:16px; height:16px; cursor:pointer;" />

重置按鈕用圖片表示：

<input name="reset" type="reset" value="" style=" border:0;background:url(images/reset.jpg); width:16px; height:16px; cursor:pointer;" />

說明，其中的 width height 值，均是圖片的實際寬高值。別處，圖片的路徑，圖片的名字要一一對應。這樣一個漂亮的用圖片做的按鈕，就活生生的呈現在你的面前了。當然普通按鈕，也是可以用圖片來實現的。只需要把 type 的屬性值改為 button 即可。