margin-bottom 属性用于设置元素的下外边距,即元素底部与下方元素之间的空间。它控制元素在垂直方向上的间距。

以下是 margin-bottom 属性的基本语法:
selector {
  margin-bottom: value;
}

其中,value 可以是具体的长度单位(如像素、百分比)、相对长度单位(如 em、rem),也可以是特殊的关键词(如 auto、initial、inherit)。

示例:
.example {
  margin-bottom: 20px; /* 底部外边距为20像素 */
}

.dynamic-margin {
  margin-bottom: 5%; /* 底部外边距为父元素宽度的5% */
}

这两个示例分别展示了通过设置 margin-bottom 属性,可以为元素定义不同的下外边距,以在页面布局中调整元素之间的垂直间距。


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