【CSS】margin 的使用_代码007(未授权)

本文介绍: # margin 的使用 margin 用于设置元素的外边距。margin 是一个简写属性，包括以下 4 个子属性：- margin–top：上外边距。- margin–right：右外边距。- m ar gin–bot t o m：下外边距。- mar gin–left：左外边距。mar gin 可以设置 1 ~ 4 个属性值：1. 一个属性值：一起设置上下左右。2. 两个属性值：分别设置上下、左右。3. 三个属性值：分别设置上、左右、下。4. 四个

ma r gin 用于设置元素的外边距。

margin 是一个简写属性，包括以下 4 个子属性：

ma rg in 可以设置 1 ~ 4 个属性值：

div {
    width: 500px;
    height: 500px;
    background-color: antiquewhite;
    margin: 0 auto; /* 设置块级元素水平居中 */
}

<div class="bfc">
    <div></div>
    <div></div>
</div>

.bfc {
    background: antiquewhite;
    overflow: hidden; /* 创建新的 BFC */
}

.bfc div {
    width: 50px;
    height: 50px;
    background: wheat;
}

.bfc div:nth-child(1) {
    margin: 10px;
}

.bfc div:nth-child(2) {
    margin: 20px;
}