不写的话 默认是图片的自身大小
background-size: contain; 按照比例 等比缩放
background-size: cover; 铺满
background-size: 100px 100px; 手工指定宽高
background-size: 100% 100%; 继承容器宽高
1.png
背景图的定位
background-origin: padding-box 默认是padding-box 默认点是左上边 不压边
background-origin: border-box; 从边框做为起点 压边
background-origin: content-box; 展现在内容区域 不包含填充也不包含边框
裁剪
background-clip: border-box; 默认值 铺满整个 裁剪掉溢出整个容器的部分
background-clip: padding-box; 裁剪掉边缘内边框溢出部分 但是不会影响到缩放
background-clip: content-box; 裁剪溢出内容部分
background-attachment: scroll; 默认的 和滚动条一起动
background-attachment: fixed; 将图片固定在背景上不动
2.png
红框里的动 背景图不动
