📌  相关文章
📜  CSS margin-bottom 属性(1)

📅  最后修改于: 2023-12-03 15:14:18.532000             🧑  作者: Mango

CSS margin-bottom 属性

CSS的margin-bottom属性定义了元素底部外边距的大小。该属性可接受任何CSS长度单位，如像素、英寸、em等。

语法
selector {
    margin-bottom: length|initial|inherit;
}

其中，selector是需要设置margin-bottom属性的元素选择器，length是指任何CSS长度单位的值，initial表示使用默认值，inherit表示从父元素继承该属性值。

默认值

默认值为0。

实例

下面是一个简单的实例，演示了如何使用margin-bottom属性：

<!DOCTYPE html>
<html>
    <head>
        <style>
            p {
                margin-bottom: 20px;
            }
        </style>
    </head>
    <body>
        <p>这是一个段落。</p>
        <p>这是另一个段落。</p>
    </body>
</html>

在这个实例中，我们给所有p元素设置了20px的margin-bottom值。因此，第一个段落和第二个段落之间会有20px的间隔。

继承性

这个属性继承。

参考链接