边框属性详细说明以及案例

参考资料

1. CSS字体属性详细说明以及案例
2. align-items: flex-start/end详细说明
3. css阴影效果属性效果是什么
4. 属性选择器详细说明以及案例
5. 后代选择器详细说明以及案例
6. 结构伪类选择器详细说明以及案例
7. CSS格式化/压缩有哪些
8. flex-direction: row/column示例

边框属性用于定义HTML元素的边框样式、宽度和颜色。主要属性包括：

1. border-width：设置边框宽度。

2. border-style：设置边框样式（如实线、虚线等）。

3. border-color：设置边框颜色。

4. border-radius：设置边框圆角。

案例：

<style>
  .box {
    border-width: 2px;
    border-style: solid;
    border-color: black;
    border-radius: 10px;
    width: 100px;
    height: 100px;
    background-color: lightgray;
  }
</style>
<div class="box"></div>