css maigin屬性

CSS中的margin屬性作用于元素的外邊界，用于控制元素間的距離以及元素與邊框的距離。

例如：
div {
margin-top: 20px;
margin-left: 50px;
margin-right: 50px;
margin-bottom: 20px;
}

此代碼將會使

元素的上邊距離瀏覽器窗口的上邊界20像素，左邊距離瀏覽器窗口的左邊界50像素，右邊距離瀏覽器窗口的右邊界50像素，下邊距離瀏覽器窗口的下邊界20像素。

margin屬性也可以使用簡寫方式，如下所示：

div {
margin: 20px 50px;
}

此代碼將會使

元素的上邊距離瀏覽器窗口的上邊界20像素，左右邊距離瀏覽器窗口的左右邊界50像素，下邊距離瀏覽器窗口的下邊界20像素。

如果希望為四個方向定義不同的距離，可以使用如下方式：

div {
margin: 20px 30px 40px 50px;
}

此代碼將會使

元素的上邊距離瀏覽器窗口的上邊界20像素，右邊距離瀏覽器窗口的右邊界30像素，下邊距離瀏覽器窗口的下邊界40像素，左邊距離瀏覽器窗口的左邊界50像素。

margin屬性也可以使用負值為元素提供負邊距。

div {
margin-top: -20px;
}

此代碼將會使

元素的上邊界向上移動20像素。

需要注意的是，在使用margin屬性時，可能會發生margin折疊的現象。當相鄰的兩個元素垂直方向的margin值相遇時，它們會發生合并；當父元素與第一個或最后一個子元素的margin相遇時，也會發生合并。

在實際開發中，我們需要根據實際情況合理地運用margin屬性，以達到更好的排版效果。

色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看