css中的background-position屬性

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個像素也會被圖片填充