CSS box-shadow属性，设置阴影
box-shadow属性
CSS中的box-shadow属性，可以为HTML元素设置一个或多个的阴影效果。如下日期的示例：
6
2023年1月6日
语法
box-shadow:offset-x offset-y blur spread color position
参数
| 参数 | 描述 |
|---|---|
| offset-x | x轴的偏移量，可正可负 |
| offset-y | y轴的偏移量，可正可负 |
| blur | 阴影模糊半径 |
| spread | 阴影扩展半径 |
| color | 阴影颜色 |
| position | 如果值为insert，则表示内阴影 |
box-shadow属性实例代码，及在线编辑器
<div id='d1'></div><br>
<div id='d2'></div>
<style>
#d1{border:1px solid grey;width:25%;height:25%;box-shadow:5px 5px grey;}
#d2{width:25%;height:25%;box-shadow:2px 2px 5px 5px skyblue;}
</style>