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

相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页