background在Box Model中，他是布滿整個元素的Box區(qū)域的，并不是從padding內(nèi)部開始，只不過邊框部分遮住了部分background，但有一點需要注意，background-color是從元素的邊框左上角起到右下角止;而background-image不一樣，他是從
padding邊緣的左上角起而到border的右下角邊緣止
[background-clip ](https://developer.mozilla.org/en-US/docs/CSS/background-clip)and [background-origin ](https://developer.mozilla.org/en-US/docs/CSS/background-origin)操縱了圖片的顯示方式
background-origin 操縱的是圖片的“起點”也就是說假設這個圖片是repeat的，在這個點開始平鋪，默認是padding-box，意思就是遮住padding唄
background-origin: padding || border || content
那么在那些現(xiàn)代瀏覽器都支持的是一種新的語法
background-origin: padding-box || border-box || content-box
background-clip 操縱的是圖片的“范圍”，準確來講是圖片的顯示范圍。比如padding-box，他就會把padding 外面 的所有背景都完全裁剪掉（包括顏色與背景圖?。?/p>
background-clip ： border-box || padding-box || content-box
默認是border-box，因此我們看到圖片把右，下兩個邊框遮住了！ （實質就是沒進行任何裁剪）
效果參考http://www.w3cplus.com/content/css3-background-clip
