margin什么意思在css

作者：▍看女人酒醒的疯癫。发布日期:2025-11-21 浏览:98

/* margin属性用于设置元素的外边距，即元素与其他元素之间的空白区域。 */

/* 设置所有四个方向的外边距 */
.example1 {
    margin: 10px; /* 上下左右都为10px */
}

/* 分别设置四个方向的外边距 */
.example2 {
    margin: 10px 20px 30px 40px; /* 上10px 右20px 下30px 左40px */
}

/* 分别设置上下和左右的外边距 */
.example3 {
    margin: 10px 20px; /* 上下10px 左右20px */
}

/* 分别设置上下和左右的外边距，另一种写法 */
.example4 {
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 30px;
    margin-left: 40px;
}

以上代码展示了如何使用margin属性来设置元素的外边距。

上一篇：css圆角边框

下一篇：css文字超长显示...