■ 定义
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 */