margin css

/* 示例代码：使用 margin 属性设置元素的外边距 */

/* 设置所有外边距为 10px */
.example1 {
    margin: 10px;
}

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

/* 简写形式，分别设置垂直和水平方向的外边距 */
.example3 {
    margin: 10px 20px; /* 上下 10px, 左右 20px */
}

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

/* 使用 auto 自动计算外边距，通常用于居中对齐 */
.example5 {
    margin: 0 auto; /* 水平居中 */
}

解释说明：

• margin 属性用于设置元素的外边距，即元素与其他元素之间的间距。
• margin 可以接受一个或多个值，分别控制四个方向的外边距（上、右、下、左）。
• 如果只提供一个值，则该值将应用于所有四个方向。
• 如果提供两个值，第一个值应用于上下，第二个值应用于左右。
• 如果提供三个值，第一个值应用于上，第二个值应用于左右，第三个值应用于下。
• 如果提供四个值，则依次应用于上、右、下、左。
• 使用 auto 可以让浏览器自动计算外边距，常用于水平居中对齐。