這篇文章主要介紹了html中按鈕顏色的設(shè)置方法，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供平塘網(wǎng)站建設(shè)、平塘做網(wǎng)站、平塘網(wǎng)站設(shè)計(jì)、平塘網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、平塘企業(yè)網(wǎng)站模板建站服務(wù)，10余年平塘做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

在html中，可以通過在button按鈕元素使用style屬性，添加“background-color:顏色值;”樣式來設(shè)置按鈕的背景顏色，添加“color:顏色值;”樣式來設(shè)置按鈕的字體顏色。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

html中設(shè)置按鈕的背景顏色

	
		
	
	
		按鈕1
		按鈕2

	

效果圖：

說明：

background-color 屬性設(shè)置元素的背景顏色。

background-color 屬性為元素設(shè)置一種純色。這種顏色會(huì)填充元素的內(nèi)容、內(nèi)邊距和邊框區(qū)域，擴(kuò)展到元素邊框的外邊界（但不包括外邊距）。如果邊框有透明部分（如虛線邊框），會(huì)透過這些透明部分顯示出背景色。

html中設(shè)置按鈕的字體顏色

	
		
	
	
		按鈕1
		按鈕2

	

效果圖：

說明：

color 屬性規(guī)定文本的顏色。

這個(gè)屬性設(shè)置了一個(gè)元素的前景色（在 HTML 表現(xiàn)中，就是元素文本的顏色）；光柵圖像不受 color 影響。這個(gè)顏色還會(huì)應(yīng)用到元素的所有邊框，除非被 border-color 或另外某個(gè)邊框顏色屬性覆蓋。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“html中按鈕顏色的設(shè)置方法”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!