什么是 Shadow？
在 CSS 中，shadow 并不是一个独立的属性，而是通过 text-shadow（文字阴影）和 box-shadow（盒子阴影）来实现元素的阴影效果，常用于提升界面层次感与视觉吸引力。
1. text-shadow（文字阴影）
语法：
text-shadow: h-offset v-offset blur-radius color;
示例：
这是带阴影的文字
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
2. box-shadow（盒子阴影）
语法：
box-shadow: h-offset v-offset blur-radius spread-radius color inset;
示例：
盒子阴影示例
box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
常见技巧
- 使用
inset创建内阴影。 - 可叠加多个阴影，用逗号分隔。
- 避免过度使用高模糊值，影响性能与可读性。