盒子模型三維圖片

可以看到從上到下分別是盒子模型的border，content+padding，background-image，background-color，margin。
下面我們通過實例看一下各屬性的覆蓋情況。

這個例子中，設置了20px的margin和padding，10px的border，藍色的背景，和一個紫色的背景圖片。
撇開margin，從這張圖中可以看出background-color的范圍最大，被border覆蓋，但background-image不被border覆蓋。background-image的范圍是content+padding

轉載于:https://www.cnblogs.com/yong-hua/p/5565385.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的css 盒模型的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。