CSS上下邊距代碼怎么寫？

在CSS中，我們可以使用margin屬性來調(diào)整元素的上下邊距。margin屬性可以接收具體的數(shù)值，如像素(px)、毫米(mm)、厘米(cm)等，或者相對(duì)值，如百分比(%)等，下面是一些示例代碼：

1、像素值：

div {
    margin-top: 20px;
    margin-bottom: 30px;
}

2、百分比值：

div {
    margin-top: 10%;
    margin-bottom: 20%;
}

3、自動(dòng)值：

在某些情況下，我們可能希望瀏覽器自動(dòng)計(jì)算上下邊距，例如當(dāng)元素內(nèi)部有內(nèi)容時(shí)，這時(shí)，我們可以使用auto關(guān)鍵字：

div {
    margin-top: auto;
    margin-bottom: auto;
}

margin屬性的值可以設(shè)置為負(fù)數(shù)，這可以用于調(diào)整元素的內(nèi)部布局。margin屬性也可以應(yīng)用于偽元素，如:before和:after，以調(diào)整偽元素與元素主體的距離。