参考资料

1. css阴影效果代码
2. 几种常用的 CSS 横向布局方法
3. flex-direction: row/column
4. 如何避免 CSS 过渡动画卡顿？
5. 层次/关系选择器详细说明以及案例
6. 如何避免Flex容器高度塌陷？
7. css div阴影效果
8. Flex布局在动画制作中的应用？

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

边框属性用于定义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>