CSS背景图片定位记录

背景图片定位使用background-position进行定位

background-position的属性值有两个，一个是水平方向的值，一个是垂直方向的值，两个值用空格隔开。

格式为background-position:水平方向 垂直方向;

background-position的取值有两种方式。

一种是利用英文属性值来定位：在水平方向上取值有 left 代表居左、center 代表居中、right  代表居右；在垂直方向上的取值也有三种，top 代表居上边、center 代表着垂直方向居中、bottom 代表局下边。

这种经常使用在网页大图的居中、网页中多张图片的合并。

另外一种是利用像素进行定位，同样的也是两个值，一个水平方向，一个垂直方向。在使用时要记得单位不可省略。

常常运用在CSS精灵图的使用。