课程
/前端开发
/HTML/CSS
/十天精通CSS3
background-origin:border-box,padding-box,content-box;这都什么意思,起着什么作用
2015-03-09
源自:十天精通CSS3 5-1
正在回答
border-box:盒子的边框为背景图片的起点(也就是背景图片的左上角以边框为起点)
padding-box:盒子的填充区域为背景图片的起点(也就是背景图片的左上角以填充区域为起点),所谓填充区域,是指border和content之间的区域,如果没有设置padding,那么这个区域是为0的
content-box:盒子的内容区域为背景图片的起点,这个内容区域就是元素可以实际使用的区域,也就是可以放东西的区域(文字、图片、子元素),简单一点说,就是你设置div的style的width和height,这个width和height组成的矩形区域就是content
阅读一下http://www.w3cplus.com/content/css-background-origin
举报
本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备
2 回答关于填充content-box
3 回答为什么background-origin:padding-box;在chrom中没有效果?
1 回答请问.box中position:relative的作用是什么呢
2 回答box-shadow
3 回答box-shadow