2.4 背景图定位区域——background-origin属性
* background-origin: padding-box; 默认值,背景图相对于内填充区域来定位
- background-origin: content-box; 背景图相对于内容来定位
- background-origin: border-box; 背景图片相对于边框区域来定位
```css
.wrap div {
width: 200px;
height: 200px;
border: 20px dotted red;
margin: 50px;
padding: 50px;
}
/* 默认值,背景图相对于内填充区域来定位 */
.wrap .box1 {
background: url(./img/bg2.jpg) no-repeat;
background-origin: padding-box;
}
/* 背景图相对于内容来定位 */
.wrap .box2 {
background: url(./img/bg2.jpg) no-repeat;
background-origin: content-box;
}
/* 背景图片相对于边框区域来定位 */
.wrap .box3 {
background: url(./img/bg2.jpg) no-repeat;
background-origin: border-box;
}
```