边框(border)边距(margin)和间隙(padding)属性的区别

(编辑:jimmy 日期: 2024/11/13 浏览:2)

边框属性(border)用来设定一个元素的边线。
  边距属性(margin)是用来设置一个元素所占空间的边缘到相邻元素之间的距离。
  间隙属性(padding)是用来设置元素内容到元素边界的距离。
  这三个属性都属于CSS中box类型的属性。

  下面这个示意图,很形象地体现了三者之间的区别。
边框(border)边距(margin)和间隙(padding)属性的区别

这里提供一张盒模型的3D示意图,希望便于你的理解和记忆。

边框(border)边距(margin)和间隙(padding)属性的区别