问答详情
源自:5-1 CSS3背景 background-origin

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

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

提问者:朱妍 2015-03-09 17:50

个回答

  • zhangcl
    2016-02-03 10:19:39

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

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

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


  • 潇湘忆梦
    2015-03-09 18:35:02

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