CSS：更改按鈕佈局

Question

什麼是最簡單的解決方案來自定義網頁中的默認按鈕？

我需要改變一個按鈕的形狀，從這個：

Default Mac-like button http://dl.dropbox.com/u/72686/button1.png

這樣：

Gmail like button http://dl.dropbox.com/u/72686/button2.png

我寧願不使用JavaScript和我一起您需要跨瀏覽器解決方案（包含IE）。

感謝

Answer 1

答案是CSS。

看看這個examples。

Answer 2

好，使用CSS：

input[type=submit] { 
    border:#efefef; 
    padding:2px 5px; 
    background:url('your/gradiented/background') repeat-y; 
    font-weight:bold; 
} 

類似的東西。根據你的口味自定義。