在CSS样式中设置backgroud-image属性，代码如下：
<styletype="text/css">
body{
background-image:url(你的图片地址)
background-position:center
background-repeat:repeat-y；
}
</style>
说明：
1、background-image:url(你的图片地址)：指这张背景图存放的路径；
2、background-position：指这张背景图的位置。left（左）、right（右）、top（上）、bottom（下）可以取值，你要求图片居中，所以是“center”；
background-repeat：指图片平铺方式；一般都默认平铺，设置为no-repeat则是不平铺。你要求“y坐标平铺”所以是“repeat-y”。
visual studio简称为vs。下面，我们来看看HTML中怎么插入图片作为背景图片吧。
打开vs打开visual studio软件，并新建一个文件夹为img，把图片粘贴到文件夹中，如下图所示：
<body style=" background:url(img/img01.jpg)">设置背景图片的代码为 style=" background:url(img/img01.jpg)"，如下图所示：
在浏览器中查看右击【HTMLPage.htm】，选择【在浏览器中查看】，如下图所示：
预览效果在浏览器中的预览效果如下图所示：
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、将index.html中的<body>标签的代码替换为：
<body style="background: url(image.jpg)">
<audio autoplay loop src="11704.mp3"></audio>
</body>
3、浏览器运行index.html页面，此时发现页面多了背景图片和背景音乐。
