然后我们需要加入background-repeat:repeat-x;这个时候就会横向平铺。
background-repeat:no-repeat;这样就可以不重复平铺。
background-repeat:repeat-y;这个指令是纵向平铺。
background-repeat:repeat;这样则是全屏平铺。
2、设置一下HTML的框架，然后把图片设置在同一个文件夹里面。
3、加入，这样可以有样式设置。4、因为背景设置在主体，所以还要定义为body{}。
5、background-image:url(图片)，这个是添加图片的意思。
6、然后我们需要加入background-repeat:repeat-x;这个时候就会横向平铺。
7、background-repeat:no-repeat;这样就可以不重复平铺。
8、background-repeat:repeat-y;这个指令是纵向平铺。
9、background-repeat:repeat;这样则是全屏平铺。
2、背景图片是css属性background来设置的。具体使用：
no-repeat不平铺，就是图片多大就展示多大，还有其他的平铺方式。repeat-x：横向平铺，repeat-y纵向平铺，repeat：横向纵向平铺。
center center是背景显示在容器里头的位置，当然也可以使用10px 10px像素来表示从什么地方开始显示。
背景相关属性主要有：
background-repeat是否平铺repeat（默认平铺）|repeat-x（水平平铺）|repeat-y（垂直平铺）|no-repeat（不平铺）
background-position背景位置length（百分数）|position（topcenterbuttonleftright）一般两个一起用，如果至指定一个方向另一个方向默认为center，两种方法也可以混搭。方位名词没有顺序区分，而使用百分数时时有顺序的，先是水平后是垂直
background-attachment背景固定还是滚动scroll|fixed
background:背景颜色背景图片是否平铺背景固定还是滚动背景位置