边距

CSS 有两个属性用于指定边距,margin 外边距,padding 内边距。

h2 {
    font-size: 1.5em;
    background-color: #ccc;
    margin: 20px;
    padding: 40px;
}

我们知道,一个 HTML 元素有四条边,对应的边距属性有:

  • margin-top
  • margin-right
  • margin-bottom
  • margin-left
  • padding-top
  • padding-right
  • padding-bottom
  • padding-left

盒模型

外边距(margins)、内边距(padding)和边框(borders)组成了 CSS 的盒模型(the Box Model)。

这个盒模型功能十分强大,几乎适用于所有页面元素。

更新时间: