background-position

■ 定义

background-position属性用于定义图片在背景中的位置

■ 使用说明

语法：

background-position: x y;

属性值：

　　x：x坐标，水平方向

　　y：y坐标，垂直方向

x(水平方向)和y(垂直方向)都使用方位名词或者精确单位

□ 方位名词

方位名词有以下两类：

　　▶ 水平方位：left center right

　　▶ 垂直方位：top center bottom

如果指定的两个值都是方位名词，则两个值前后顺序无关，比如left top和top left效果一样

如果只指定了一个方位名词，另一个值省略，则第二个值默认居中对齐

□ 精确单位

精确单位值由以下类别：

　　▶ 百分数

　　▶ 由浮点数字和单位标识符组成的长度值

如果参数值是精确坐标，那么第一个肯定是x坐标，第二个一定是y坐标

如果只指定一个数值，那该数值一定是x坐标，另一个默认垂直居中

□ 参数是混合单位

如果指定的两个值是精确单位和方位名词混合使用，则第一个值是x坐标，第二个是y坐标

示例

background-position：20px center;  /* x坐标是20px，y是center */
background-position：center 20px ; /* x坐标是center，y是20px */