在html中,可以通過在button按鈕元素使用style屬性,添加“background-color:顏色值;”樣式來設置按鈕的背景顏色,添加“color:顏色值;”樣式來設置按鈕的字體顏色。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
html中設置按鈕的背景顏色
效果圖:
說明:
background-color 屬性設置元素的背景顏色。
background-color 屬性為元素設置一種純色。這種顏色會填充元素的內容、內邊距和邊框區域,擴展到元素邊框的外邊界(但不包括外邊距)。如果邊框有透明部分(如虛線邊框),會透過這些透明部分顯示出背景色。
html中設置按鈕的字體顏色
效果圖:
說明:
color 屬性規定文本的顏色。
這個屬性設置了一個元素的前景色(在 HTML 表現中,就是元素文本的顏色);光柵圖像不受 color 影響。這個顏色還會應用到元素的所有邊框,除非被 border-color 或另外某個邊框顏色屬性覆蓋。