CSS 设置外边距：最简方法详解

CSS 设置外边距：最简方法详解

本文将介绍两种为一个名为 'box' 的 div 元素设置外边距的方法，并重点讲解了最简洁的书写方式。

方法一：

.box {
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 20px;
    margin-bottom: 25px;
}

方法二：

.box {
    margin: 20px 20px 25px 15px;
}

最简书写方式是方法二。

方法二使用 margin 属性一次性设置所有方向的外边距，语法为 margin: 上边距 右边距 下边距 左边距。这种方式简洁明了，更容易理解和维护。