1、首先将网页文件和需要到的图片放到同一个文件中。
2、在文件夹中，鼠标右键单击空白处选择打开“文本文档”。
3、然后打开文本文档，点击输入下方的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"><!--编码类型-->
<title>网页标题</title><!--网页标题-->
</head>
<body>
4、然后点击打开左上角文件中的“另存为”，重命名新建文本文档为index.html，回车确定。
5、然后选择想要的背景图片。
6、点击index.html，右键浏览器打开预览效果。
7、然后就完成了。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<button>标签中，加入样式代码：style="background: url(small2.png)width:150pxheight:60px"。
3、浏览器运行index.html页面，此时按钮被成功添加了图片。
一般遇到背景图片显示不出来，基本就是图片路径不正确（建议写图片绝对路径），再者检查背景图是不是PNG的，兼容性不好，浏览器不支持。还有可能的是没有让input 和 button这种表单代码成为块元素BLOCK；或者没有设置元素的高和宽。背景按钮图片例子：
<input type="button" value="click" style="background-image: url(xxx.jpg)display:blockwidth:500pxheight:500px">
