需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<img src="small3.png" />。
3、浏览器运行index.html页面，此时添加的本地图片的路径是相对路径。
CSS里设置这两个参数：
背景图background: url(/*图片路径*/) repeat-x/*平铺方式*/
尺寸:backgroun-size:100% 100%。
其实大多数的HTML编辑器操作都是一样的，今天我就以Hbuilder来讲解，首先新建一个HTML页面，这里命名为“new_file.html”。
接着给标签设置背景图片，这里小编设置的是<body>标签。
接着新建一个css文件，如图，小编命名为“1.css”。
这里给body标签设置background-size属性，如果你的标签是div就写div，然后可以设置宽度和高度。
如图所示，在new_file.html里面写上这个：<link href="css/1.css" type="text/css" rel="stylesheet"/>就可以设置背景图片的大小了。
最后在浏览器中预览一下，这里只是部分背景。
