CSS background-position属性

background-position可以用于设置背景图像的位置。主要有以下三类：

1、关键字：

    center、top、left、bottom、right。如果只写了一个值，那么第二个值默认为center。比如 background-position:top;和background-position:top center;是等价的。

2、百分比：

    background-position:x% y%。第一个值是水平距离，第二个是垂直距离。左上角: 0% 0%，右下角 100% 100%。如果只指定了一个值，那另一个值默认为50%。

    而关于用百分比来设置图像，有一点比较特殊的是，百分数值同时应用于元素和图像，也就是说图像中描述为50%  50%的点（中心点）与元素描述为50%  50%的点（中心点）对齐。

    假如background-position:30% 60%; 也就意味着元素上距离左边30% 上边60%的点应该与图像上同样的点重合。

3、长度值

    长度值解释的是元素内边距区左上角的偏移。偏移点是图像的左上角。

    background-position:20px 30px;也就表示图像的左上角距离元素左边向右偏移20px，距离上边向下偏移30px