参考资料

1. 颜色属性详细说明以及案例
2. css3中设置阴影的属性是
3. display: flex/inline-flex示例
4. CSS 阴影设置
5. Flexbox 布局有哪些高级用法？
6. css阴影效果代码
7. CSS弹性盒子详细说明以及案例
8. Flex布局与Grid布局的对比？

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

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