CSS中,外邊距即為margin。在css中,每個元素都自帶margin屬性,它是元素邊框和鄰近元素之間的空間。
.my-class { margin: 10px; }
上面的代碼將為class為my-class的元素添加10像素的外邊距。margin屬性也可以指定上下左右四個方向的外邊距:
.margins { margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; }
上面的代碼為一個元素指定了上下左右四個方向的外邊距。如果想同時指定上下或左右方向的外邊距, 可以使用margin-vertical和margin-horizontal屬性。
.vertical { margin-vertical: 10px; } .horizontal { margin-horizontal: 10px; }
margin屬性也可以接收負值。如果需要將一個元素的邊框緊貼另一個元素的元素,可以設置負的外邊距。
.negative { margin-top: -10px; margin-bottom: -10px; }
以上就是CSS中如何使用外邊距的內容,僅供參考。在實際開發中,需要根據具體需求來使用這些屬性,才能達到最佳的效果。