同一个标签可以同时设置靠山颜色和靠山图片，若是颜色和图片同时存在，那么图片会笼罩颜色。

1.在CSS中有一个叫做background-position：属性，就是专门用来控制靠山图片的位置

2.花样：background-position:值1  值2；

值1的取值局限：left     center     right

值1代表靠山图片的水平位置

值2的取值局限：top     center    bottom

值2代表靠山图片的垂直位置

值1和值2也可以设置像素值，来划分示意距离最左边和最上边的像素值(注重可以接受负值，也就是左上角就是坐标的原点，图片的左上角就是坐标值的巨细)，记着一定要带单米。默认值为：left    top

例子：

<style>
        .box{
            height: 1000px;
            width: 1000px;
            background-image: url("image/snow.jpg");
            background-repeat: no-repeat;
            background-position: center center;
        }
</style>

<div class="box">
</div>

3.使用方式：

我们使用靠山图片，而不是使用img标签，这是由于，当我们使用img标签的时刻，若是图片很大那么下面就会有滚动条，然则这种网页是很垃圾的，由于展示出来首页，就是让人人看的，加一个滚动条很不舒适。那我们用小图片不就得了，这实在也不行，由于我们每个人的屏幕分辨率巨细都差别，因此需要一张较大的靠山图片来解决上面的问题。

链接: http://www.fly63.com/article/detial/5040