css 盒模型

盒子模型三維圖片

能夠看到從上到下分別是盒子模型的border，content+padding，background-image，background-color，margin。
下面咱們經過實例看一下各屬性的覆蓋狀況。

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