margin在css中什么意思

作者：涅盘の梦发布日期:2026-04-04 浏览:40

/* margin属性用于设置元素的外边距，即元素与其他元素之间的空白区域。它可以接受1到4个值来分别设置上、右、下、左四个方向的外边距。 */

/* 示例1：所有四个方向的外边距都为10px */
.example1 {
    margin: 10px;
}

/* 示例2：上下外边距为10px，左右外边距为20px */
.example2 {
    margin: 10px 20px;
}

/* 示例3：上外边距为10px，左右外边距为20px，下外边距为30px */
.example3 {
    margin: 10px 20px 30px;
}

/* 示例4：上外边距为10px，右外边距为20px，下外边距为30px，左外边距为40px */
.example4 {
    margin: 10px 20px 30px 40px;
}

上一篇：css transform

下一篇：css animation