盒子模型三維圖片

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

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

轉(zhuǎn)載于:https://www.cnblogs.com/yong-hua/p/5565385.html

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

總結(jié)

以上是生活随笔為你收集整理的css 盒模型的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。