设置背景图片

如果背景比较小 元素比较大 默认的是背景图片平铺的

background-image: url(52.jpg);

设置背景图片不重复

background-repeat: no-repeat;

固定背景图片

background-attachment: fixed;

背景图片大于元素的大小的时候 只会显示图片部分 左上部分

背景图片的位置 横向位置 纵向位置 设置成具体值 背景图片向左移动100px 向上移动100px

background-position: -100px --100px;

设置背景图片在中间

background-position: 50% 50%;

背景图片在右下

background-position: 100% 100%; background-position: 0% 0%;

背景图片大小 宽 高

background-size: 200px 200px ;

把元素平铺

background-size: 100% 100%;

较短的一边平铺 另一边等比例缩放

background-size: cover;

长的一边平铺 另一边等比例缩放

background-size: contain; background-position: 100% 100%;