margin-bottom 是 CSS 中用于设置元素底部外边距的属性。它控制元素与其下方相邻元素之间的垂直间距。

以下是 margin-bottom 的基本用法:
.element {
  margin-bottom: 20px; /* 设置元素底部外边距为20像素 */
}

在上述示例中,.element 元素的底部外边距被设置为20像素。

你也可以使用其他单位(如百分比、em、rem 等)或负值,根据设计需求调整元素之间的间距。
.element {
  margin-bottom: 10%; /* 设置底部外边距为元素高度的10% */
}

.another-element {
  margin-bottom: -10px; /* 设置底部外边距为负值,使下方元素重叠 */
}

在这些例子中,margin-bottom 的值可以根据具体的设计需求来选择,以获得期望的外观和布局效果。


转载请注明出处:http://www.zyzy.cn/article/detail/6095/CSS