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个像素也会被图片填充