css外边距

作者：忽然之间发布日期:2025-09-03 浏览:105

/* 示例代码：设置外边距 */

/* 为所有 <div> 元素设置外边距 */
div {
    margin: 25px; /* 上下左右外边距均为 25px */
}

/* 分别设置四个方向的外边距 */
.box {
    margin-top: 10px;    /* 上外边距为 10px */
    margin-right: 20px;  /* 右外边距为 20px */
    margin-bottom: 30px; /* 下外边距为 30px */
    margin-left: 40px;   /* 左外边距为 40px */
}

/* 使用简写属性设置四个方向的外边距 */
.container {
    margin: 10px 20px 30px 40px; /* 依次为上、右、下、左外边距 */
}

/* 设置上下和左右外边距 */
.content {
    margin: 10px 20px; /* 上下外边距为 10px，左右外边距为 20px */
}

解释说明：

margin 属性用于设置元素的外边距，即元素与其他元素之间的间距。
可以通过单独设置 margin-top、margin-right、margin-bottom 和 margin-left 来控制每个方向的外边距。
也可以使用简写属性 margin 来一次性设置四个方向的外边距。

上一篇：css 平行四边形

下一篇：css文本不换行