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）。

CSS入门教程——边距_html


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