html中盒子模型立体结构图

边框（border），位于盒子的第一层。
.元素内容（content）、内边距（padding），两者同位于第二层。
.背景图（background-image），位于第三层。
.背景色（background-color），位于第四层。背景色位于下层是为了背景图不能显示时可以提供合适的配色。背景色是备胎。
.整个盒子的外边距（margin），位于第五层。

 

盒子模型特点：

内边距增加时若果设置好的高度填不下，高度自动增加。