border-box：盒子的邊框為背景圖片的起點（也就是背景圖片的左上角以邊框為起點）

padding-box：盒子的填充區(qū)域為背景圖片的起點（也就是背景圖片的左上角以填充區(qū)域為起點），所謂填充區(qū)域，是指border和content之間的區(qū)域，如果沒有設置padding，那么這個區(qū)域是為0的

content-box：盒子的內容區(qū)域為背景圖片的起點，這個內容區(qū)域就是元素可以實際使用的區(qū)域，也就是可以放東西的區(qū)域（文字、圖片、子元素），簡單一點說，就是你設置div的style的width和height，這個width和height組成的矩形區(qū)域就是content

閱讀一下http://www.w3cplus.com/content/css-background-origin