html中设置元素的背景色都是通过CSS中的background 属性来完成例如，给整个页面body设置背景色bodybackground #ddd如果要将图片作为背景色bodybackgroundimage url1jpg，其中url括号后面的是背景；需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml，编写问题基础代码2在indexhtml中的ltbutton标签中，加入样式代码style=quotbackground urlsmall2png；1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码ltdiv style=quotwidth 100px height 50px fontsize 14px cursor pointerquot ltdiv style=quotwidth；3在ue编辑器中输入以下css代码4在ue编辑器中输入以下js代码5编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM6在浏览器中打开此html文件，可以看到最终想要实现的点击按钮改变div背景颜色效果。

很简单的，只需要对按钮添加一个单击事件就可以啊ltstyle type=quottextcssquot input backgroundcolor pink ltstyle ltscript language=quotjavascriptquot type=quottextjavascriptquot lt！ function f1e；使用css制作，设置按钮大小=图片大小然后background即可inputtype=quotbuttonquotwidth80pxheight300pxbackground url#39图片路径#39 norepeatbackgroundsize 100% 100%；1新建一个文件夹，用来存放网页文件和图片，快捷键ctrl+shift+n2进入新建文件夹里面，右键新建文本文档3进入新建的文本文档，复制下方代码，点击快捷键ctrl+s保存后退出lt！DOCTYPE html lthtml lthead ltmeta。

value=“”，这是时候value的值 style=quotbackgroundurl#39zcjpg#39 norepeat width180px height37pxquot把引号加上就可以了；ltbody lthtml 在上面的代码中，我们首先定义了一个颜色数组 colors，其中包含了要变换的颜色然后，我们使用 addEventListener 方法为“更改背景颜色”按钮添加了点击事件监听器当用户点击该按钮时，会调用回调函数，并；把body backgroundcolor#0000ff这行代码加到你原先的的代码中，如下ltstyle type=quottextcssquot *lt！CDATA* lt！ body backgroundcolor#0000ff alink textdecorationcolorblack a。

mp3quotltaudio ltbody 3浏览器运行indexhtml页面，此时发现页面多了背景图片和背景；我们创建一个a标签，然后将标签改为块级元素，代码quotdisplayblockquot然后设置背景颜色即可，代码quotbackgroundcolorgreenquot，此案例设置背景颜色为绿色 以上就是html中设置背景颜色的方法 backgroundcolorbackgroundcolor 属性为元；2在html文件上找到body标签，在这个标签里创建一个div标签并设置class类为bg ，如图所示3接着在title标签后创建style标签用来给bg类添加样式在这给bg类设置了一个宽高和背景颜色4然后设置鼠标滑过div时背景。

1图为黑色红色和紫色的HTML颜色代码表2图为碧色蓝色绿色HTML颜色代码表3图为绿色黄色橙色HTML颜色代码表4图为深红色棕色深紫色HTML颜色代码表相关内容超文本标记语言，标准通用标记语言下的；输入css代码button backgroundcolor #00a7d0buttonhover backgroundcolor #ff77013浏览器运行indexhtml页面，此时显示出了蓝色背景颜色的按钮4将鼠标移入按钮，此时按钮的背景颜色变成了橙色。

CSS添加背景图片 css代码添加背景图片1背景色背景色 语法backgroundcolor数值 注意在html中，给对象添加背景色只有一种方法，就是先做一个表格，在表格中设置背景色，然后把对象放入单元格中这样做很麻烦，不仅；html如何添加可用的隐形按钮需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml，编写问题基础代码2在indexhtml中的button标签中，加入样式代码3浏览器。