CSS入门教程——边距

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

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