CSS 边框底部

在 CSS 中，可以通过使用边框属性来定义元素的边框样式。边框底部是其中一个边框的位置，它可以用于给元素的底部添加装饰效果。

语法

border-bottom: border-width border-style border-color;

• border-width：设置边框的宽度，可以是一个具体的单位值（如px、em、rem）或者是预设的关键字（如thin、medium、thick）。
• border-style：设置边框的样式，可以是实线（solid）、虚线（dashed）、点线（dotted）等。
• border-color：设置边框的颜色，可以是具体的颜色值（如#000000、rgb(0, 0, 0)）或者是预设的关键字（如black、red）。

示例

.my-element {
  border-bottom: 1px solid black;
}

上述示例代码将给类名为 my-element 的元素添加一个宽度为 1px、颜色为 black 的实线边框底部。

属性值

• border-width 可以为 0，表示无边框。
• border-style 可以为 none，表示无边框样式。
• border-color 可以为 transparent，表示透明边框颜色。

注意事项

• 当为元素设置边框后，它的布局会受到影响，因为边框会改变元素的尺寸和位置。需注意这一点并进行调整。
• 使用 border-bottom 属性时，还可以单独设置边框的宽度、样式和颜色，例如 border-bottom-width、border-bottom-style 和 border-bottom-color。

浏览器兼容性

border-bottom 属性在所有主流浏览器中均得到支持。

更多关于边框属性的信息，可以参考 CSS border-bottom 属性文档。