先做一个简单的HTML页面，页面里只有一个div和一段文字。
02要添加整个页面的背景图片，我们就只能把背景加到body标签里了，所以我们在body里添加一个样式，叫‘bg’
03然后定义这个bg的样式规则，主要就是添加background-image样式，就是添加背景图。
background-repeat是让背景图铺满整个页面。
04看下页面的效果，可以看到现在整个页面都铺满了蝴蝶这张图片了。为了更好的效果，大家可以更换一张更好看的背景图。
您好!很高兴为您解答问题,以下是我为您提供的解答内容：新建一个html文档。
设置一下HTML的框架，然后把图片设置在同一个文件夹里面。
加入，这样可以有样式设置。
因为背景设置在主体，所以还要定义为body{}。
background-image:url(图片)，这个是添加图片的意思。
然后我们需要加入background-repeat:repeat-x这个时候就会横向平铺。
1、在body设置 <body background="背景图.jpg">，但是图片是平铺。2、因为background属性不能拉伸图片，只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用<img>，其中z-index:-1为了让该div在最下层，也就是背景。
示例：
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>背景全屏</title>
<style type="text/css">
body{
margin:0px
padding:0px
}
.d1{
position:absolute
left:0px
top:0px
width:100%
height:100%
z-index:-1
}
</style>
<body>
<div class="d1"><img src="背景图.jpg" width="100%" height="100%"/></div>
<center>
<h1>这是全屏图片</h1>
<h1>这是全屏图片</h1>
<h1>这是全屏图片</h1>
<h1>这是全屏图片</h1></center>
</body>
</html>
