border-bottom 是 CSS 中用于设置元素底部边框的属性。它是 border 的一个子属性,用于单独设置底部边框的宽度、样式和颜色。

border-bottom 属性的语法如下:
.element {
  border-bottom: [border-width] [border-style] [border-color];
}

其中,[border-width] 是底部边框的宽度,可以是一个长度值(如 px、em)或关键字(thin、medium、thick),[border-style] 是底部边框的样式,可以是 none、dotted、dashed、solid 等,[border-color] 是底部边框的颜色,可以是颜色名称、十六进制值或 RGB 值。

示例:
.element {
  border-bottom: 2px solid #3498db;
}

在这个例子中,.element 元素的底部边框宽度为 2px,边框样式为 solid,边框颜色为蓝色(#3498db)。

你也可以单独设置 border-bottom 的子属性,例如:
.element {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #3498db;
}

这将产生与上述示例相同的结果。

通过使用 border-bottom 属性,你可以对元素的底部边框进行独立设置,使其符合设计需求。


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