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