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