首页 > 代码库 > html中盒子模型立体结构图

html中盒子模型立体结构图

技术分享

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

html中盒子模型立体结构图