CSS盒子模型

CSS盒子模型分为两种

• 2D盒子模型由四个部分组成：

  • 外边距 margin
  • 内边距 padding
  • 边框 border
  • 盒子中的内容 content

• 3D盒子模型由五个部分组成

  • 边框 border（最上层）
  • 内容和内边距 content和padding（第二层）
  • 背景图 background-image(第三层)

    这就是背景图片掩盖背景颜色的原因.

  • 背景色 background-color(第四层)
  • 外边距 margin（第五层）

---

complete.