为了账号安全,请及时绑定邮箱和手机立即绑定

background-origin:border-box,padding-box,content-box;这都什么意思,起着什么作用

 background-origin:border-box,padding-box,content-box;这都什么意思,起着什么作用

正在回答

2 回答

border-box:盒子的边框为背景图片的起点(也就是背景图片的左上角以边框为起点)

padding-box:盒子的填充区域为背景图片的起点(也就是背景图片的左上角以填充区域为起点),所谓填充区域,是指border和content之间的区域,如果没有设置padding,那么这个区域是为0的

content-box:盒子的内容区域为背景图片的起点,这个内容区域就是元素可以实际使用的区域,也就是可以放东西的区域(文字、图片、子元素),简单一点说,就是你设置div的style的width和height,这个width和height组成的矩形区域就是content


0 回复 有任何疑惑可以回复我~

阅读一下http://www.w3cplus.com/content/css-background-origin

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
十天精通CSS3
  • 参与学习       242633    人
  • 解答问题       2623    个

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

进入课程

background-origin:border-box,padding-box,content-box;这都什么意思,起着什么作用

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信