html中設(shè)置元素的背景色都是通過(guò)CSS中的background 屬性來(lái)完成例如，給整個(gè)頁(yè)面body設(shè)置背景色bodybackground #ddd如果要將圖片作為背景色bodybackgroundimage url1jpg，其中url括號(hào)后面的是背景；需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml，編寫(xiě)問(wèn)題基礎(chǔ)代碼2在indexhtml中的ltbutton標(biāo)簽中，加入樣式代碼style=quotbackground urlsmall2png；1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltdiv style=quotwidth 100px height 50px fontsize 14px cursor pointerquot ltdiv style=quotwidth；3在ue編輯器中輸入以下css代碼4在ue編輯器中輸入以下js代碼5編輯完成以后，在ue編輯器中點(diǎn)擊保存，格式選擇UTF8無(wú)BOM6在瀏覽器中打開(kāi)此html文件，可以看到最終想要實(shí)現(xiàn)的點(diǎn)擊按鈕改變div背景顏色效果。

很簡(jiǎn)單的，只需要對(duì)按鈕添加一個(gè)單擊事件就可以啊ltstyle type=quottextcssquot input backgroundcolor pink ltstyle ltscript language=quotjavascriptquot type=quottextjavascriptquot lt！ function f1e；使用css制作，設(shè)置按鈕大小=圖片大小然后background即可inputtype=quotbuttonquotwidth80pxheight300pxbackground url#39圖片路徑#39 norepeatbackgroundsize 100% 100%；1新建一個(gè)文件夾，用來(lái)存放網(wǎng)頁(yè)文件和圖片，快捷鍵ctrl+shift+n2進(jìn)入新建文件夾里面，右鍵新建文本文檔3進(jìn)入新建的文本文檔，復(fù)制下方代碼，點(diǎn)擊快捷鍵ctrl+s保存后退出lt！DOCTYPE html lthtml lthead ltmeta。

value=“”，這是時(shí)候value的值 style=quotbackgroundurl#39zcjpg#39 norepeat width180px height37pxquot把引號(hào)加上就可以了；ltbody lthtml 在上面的代碼中，我們首先定義了一個(gè)顏色數(shù)組 colors，其中包含了要變換的顏色然后，我們使用 addEventListener 方法為“更改背景顏色”按鈕添加了點(diǎn)擊事件監(jiān)聽(tīng)器當(dāng)用戶(hù)點(diǎn)擊該按鈕時(shí)，會(huì)調(diào)用回調(diào)函數(shù)，并；把body backgroundcolor#0000ff這行代碼加到你原先的的代碼中，如下ltstyle type=quottextcssquot *lt！CDATA* lt！ body backgroundcolor#0000ff alink textdecorationcolorblack a。

mp3quotltaudio ltbody 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)發(fā)現(xiàn)頁(yè)面多了背景圖片和背景；我們創(chuàng)建一個(gè)a標(biāo)簽，然后將標(biāo)簽改為塊級(jí)元素，代碼quotdisplayblockquot然后設(shè)置背景顏色即可，代碼quotbackgroundcolorgreenquot，此案例設(shè)置背景顏色為綠色 以上就是html中設(shè)置背景顏色的方法 backgroundcolorbackgroundcolor 屬性為元；2在html文件上找到body標(biāo)簽，在這個(gè)標(biāo)簽里創(chuàng)建一個(gè)div標(biāo)簽并設(shè)置class類(lèi)為bg ，如圖所示3接著在title標(biāo)簽后創(chuàng)建style標(biāo)簽用來(lái)給bg類(lèi)添加樣式在這給bg類(lèi)設(shè)置了一個(gè)寬高和背景顏色4然后設(shè)置鼠標(biāo)滑過(guò)div時(shí)背景。

1圖為黑色紅色和紫色的HTML顏色代碼表2圖為碧色藍(lán)色綠色HTML顏色代碼表3圖為綠色黃色橙色HTML顏色代碼表4圖為深紅色棕色深紫色HTML顏色代碼表相關(guān)內(nèi)容超文本標(biāo)記語(yǔ)言，標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的；輸入css代碼button backgroundcolor #00a7d0buttonhover backgroundcolor #ff77013瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)顯示出了藍(lán)色背景顏色的按鈕4將鼠標(biāo)移入按鈕，此時(shí)按鈕的背景顏色變成了橙色。

CSS添加背景圖片 css代碼添加背景圖片1背景色背景色 語(yǔ)法backgroundcolor數(shù)值 注意在html中，給對(duì)象添加背景色只有一種方法，就是先做一個(gè)表格，在表格中設(shè)置背景色，然后把對(duì)象放入單元格中這樣做很麻煩，不僅；html如何添加可用的隱形按鈕需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml，編寫(xiě)問(wèn)題基礎(chǔ)代碼2在indexhtml中的button標(biāo)簽中，加入樣式代碼3瀏覽器。