HTML button 按鈕背景顏色設計

HTML button 按鈕背景顏色是可以修改的，預設的 HTML 按鈕背景顏色通常都是灰色的或是灰藍色的，根據不同的瀏覽器（Browser）會有所差異，不過預設的 HTML 背景顏色實在太單調了，無法配合絕大多數具以特殊風格的網頁設計，不過並不用擔心這個問題，雖然傳統的 HTML 本身針對按鈕修改背景顏色的功能有點欠缺，不過 CSS 技術改善了這個問題，現在網頁設計師可以很輕易的利用 CSS 的 background-color 屬性來修改 HTML 按鈕的背景顏色，本篇將利用範例的方式，分享這樣的修改技巧給各位讀者朋友們參考。

利用 CSS 修改 HTML button 按鈕背景顏色修改範例
功能： 在新視窗開啟程式碼文字檔
範例的視覺效果
我們在範例中總共準備了兩個按鈕，第一個按鈕是預設的樣式，背景顏色是灰色的，第二個按鈕則使用了 CSS 的 background-color 屬性，並將屬性值設定為紅色（red），所以從範例的視覺效果可以看到一個很寬的紅色按鈕，聰明的你，應該查覺到，如果將 red 修改為其他的顏色英文單字，就可以改變為其他不同的按鈕背景顏色，的確，CSS 的 background-color 屬性就是用來這樣修改背景顏色的，甚至還接受十六進位的色碼呢！

關於 CSS 的背景顏色設計屬性，請參閱《css background-color 背景顏色》篇的詳細介紹。

如果你想進一步了解 HTML 按鈕的基本語法，可參閱：HTML input type button 按鈕設計。

更多 HTML 按鈕設計
分享於 2015-03-01