- padding-box:从 padding区域(含 padding)开始显示背景图像;
- border-box:从 border区域(含 border)开始显示背景图像;
- content-box:从 content区域开始显示背景图像
1 <!DOCTYPE html> 2 <html 3 head 4 meta charset="utf-8" 5 title></ 6 style 7 *{ 8 margin: 0; 9 padding10 } 11 .pic12 width 406px13 height300px14 background url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1603881365383&di=0a70eec494aaa4d38106556d913f7b4c&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F2018-09-25%2F5ba9957dc955a.jpg) no-repeat15 border 10px dashed skyblue16 30px17 background-size cover18 background-origin content-box19 20 </21 22 body23 div class="pic"div24 25 >
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。