1、打开编辑器，导入文件夹，确认图片保存的目录。。

2、我们先创建一个index.html的文件。。

3、然后定义一下html文件的主信息。。

4、填写自己的网页内容，双击打开html文件查看网页效果。。

5、我们可以直接在body后面加上background="图片名字"。刷新一下网页，这样就会显示背景了。。

6、如果是网络上的图片，直接改为图片的地址也是可以的。。

7、如果需要用css文件来加毕竟，可以添加到head里面。然后创建一个style.css文件。在css文件里面添加以下指令。body{  background:url("图片名字");}。

8、如果不想添加一个额外的css文件，可以直接在head里面增加一下指令。      body{        background:url("图片");      }    。

1、先做一个简单的HTML页面，页面里只有一个div和一段文字。。

2、要添加整个页面的背景图片，我们就只能把背景加到body标签里了，所以我们在body里添加一个样式，叫‘bg’。

3、然后定义这个bg的样式规则，主要就是添加background-image样式，就是添加背景图。background-repeat是让背景图铺满整个页面。。

4、看下页面的效果，可以看到现在整个页面都铺满了蝴蝶这张图片了。为了更好的效果，大家可以更换一张更好看的背景图。。

1、在body里写、。

1、在body里写、。

1、在body里写、。

1、需要准备的材料分别有、电脑、浏览器、html编辑器。

2、首先，打开html编辑器，新建html文件，例如、index.html。

3、将index.html中的标签的代码替换为、浏览器运行index.html页面，此时发现页面多了背景图片和背景音乐。

1、在css中用样式添加背景background、img(图片的地址)这样页面就有背景图了。

1、让我们新建一个HTML文档，如图所示；。

2、让我们来书写HTML的基本结构；。

3、运行文件，发现页面是个空白的；。

4、我们接下来要创建style标签，如图所示；。

5、接着书写body{}来为body标签设置属性；。

6、我们输入如图代码，即可让图片平铺在页面上；。

7、后，如图页面，在body标签上引入图片即可；。

1、方法/步骤在body中创建背景图片，就需要用到背景图片属性啦，如图在background-image后面插入url。

2、在rul后面就是添加的图片链接位置请点击输入图片描述如果我们只做了这么一步，而且自己的图片本来就不是很大，那么在网页上就会出现多拍重叠的图片，请点击输入图片描述这时候就需要将图片重复现象去掉，设置代码background-repeat设置，而这里就有多钟设置方式了，可以将图片只在横排出现请点击输入图片描述如图在横排出现重复请点击输入图片描述也或者只让他在竖排重复出现请点击输入图片描述请点击输入图片描述只让他出现一张图片的方法就是设置no-repeat。

3、这样在背景上就会显示一张图片了请点击输入图片描述请点击输入图片描述如果想要将这个图片在整个背景上显示，可以设置background-size、auto这样就将背景只显示一张图片了请点击输入图片描述请点击输入图片描述8在图片背景的问题上，还可以对图片背景进行定位处理。

4、请点击输入图片描述。