範例一、透過 style 修改 button 的背景顏色與文字顏色
<button type="button" style="background-color:blue;color:white;">我是按鈕</button>
此範例中我們採用的 style 來宣告樣式的語法，其中 background-color:blue 指的是背景顏色為藍色，而 color:white 則代表文字是白色，這些顏色你都可以自己決定，依照版型做搭配。
範例二、透過 style 修改 button 的邊框
<button type="button" style="background-color:blue;color:white;border:5px #cccccc solid;">我是按鈕</button>
延續範例一的按鈕，我們加入了邊框的語法，border:5px #cccccc solid 這段語法代表的是邊框寬度設定為 5px、邊框顏色設定為灰色，框線的款式為實體線（solid），如此一來，這個 button 就有灰色的邊框囉！
範例三、透過 style 修改 button 的背景圖片
<button type="button" style="background-image:url(圖片網址);width:80px;height:25px;">我是按鈕</button>
範例三比較特別一點，我們直接把背景顏色改成圖片的呈現方式，為了 button 的大小可以與圖片完整的融合在一起，所以還加上的寬度與高度的設定，用這樣的技巧，你可以自己設計與網頁風格融合的按鈕背景圖片。
延伸閱讀