css中定义元素外边距

在 CSS 中，使用外边距可以控制元素与其它元素的间距。这些间距包括元素外部的空白区域，以及它们之间的距离。

我们可以使用 <margin> 属性定义元素的外边距。以下是一些示例：

/* 设置元素上下边距为 10 像素，左右边距为自动 */
margin: 10px auto;

/* 设置元素外部的全部边距为 5 像素 */
margin: 5px;

/* 设置元素上下边距为 20 像素，并将左外边距设为 10 像素 */
margin: 20px 0 20px 10px; 

注意，当我们使用负值作为外边距时，元素会向内移动，从而增加与其它元素之间的间距。

在某些情况下，外边距可能会与内边距和边框混淆，导致元素的真实宽度和高度变得难以预测。为了避免这种情况，我们可以使用 box-sizing 属性来指定元素的盒模型。

/* 将 box-sizing 属性设置为 border-box，使元素的宽度和高度包括内边距和边框 */
box-sizing: border-box; 

总之，使用外边距可以让我们更好地控制元素之间的间距。通过恰当地调整外边距，我们可以让网页排版更加美观。同时，注意避免混淆边框、内边距和外边距，以得到正确的布局效果。