css 文字四周阴影

CSS 文字四周阴影（text-shadow）是一个样式属性，用于给文本添加阴影效果。它允许你控制文字周围阴影的颜色、模糊程度、偏移量以及是否内发光或外发光。基本语法如下：

selector {
  text-shadow: h-offset v-offset blur-color spread-color;
}

- `h-offset` (水平偏移)：阴影向左或向右移动的距离，可以是正值（右移）、负值（左移）或零（无偏移）。
- `v-offset` (垂直偏移)：阴影向上或向下移动的距离，同理，可以是正值、负值或零。
- `blur-color` (模糊颜色)：阴影的颜色，默认为黑色，也可以设置成其他颜色。
- `spread-color` (扩散颜色)：如果设置了非零值，会增加阴影的大小，如果是正值则向外扩张，如果是负值则向内收缩。

例如，如果你想要一个简单的底部灰色阴影，你可以这样写：

.text-effect {
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);
}