1、background-position: x y ;
background-position:100px 30x; 表示距离左边100像素，距离上边30像素
background-position:50% 10%; 在X轴居中，距离上方10%的距离
background-position:left top;左上（X轴的值可为left,center,right 、y轴的值可为left,center,right）
background-position:left;(此时y轴默认居中，即Y轴居中)
background-position:bottom;(此时X轴默认居中，即X轴居中)
background-position:center;(此时X轴、Y轴都居中)
2、backgroud-repeat:repeat-x 和 background-position: 30px 20px同时使用时，距离左边的30个像素也会被图片填充