如何设置边框的宽度?

在 CSS 中，可以使用以下两种方法设置边框的宽度：

1. 使用 width 属性
2. 使用 border-width 属性

使用 width 属性

.element {
  border: 5px solid #000;
  width: 200px;
}

• width 属性指定边框的宽度，单位为像素（px）、百分比（%) 或 em。
• border 属性指定边框类型，默认值为 "none"。
• color 属性指定边框颜色。

使用 border-width 属性

.element {
  border: 5px solid #000;
  border-width: 10px;
}

• border-width 属性指定边框的宽度，单位与 width 属性相同。
• 其他属性如 border-color、border-style 等也支持设置边框属性。

注意

• 浏览器默认情况下会自动设置边框的宽度为 1px。
• 可以使用 border-radius 属性来设置边框圆角。
• 可以使用 box-sizing 属性来控制边框是否包含文本内容。