04 文字阴影 · Web前端从入门到放弃

## text-shadow: 水平位置垂直位置模糊距离阴影颜色 | 值 | 描述 | | --- | --- | | h-shadow | 必需。水平阴影的位置（移动）。允许负值。 | | v-shadow | 必需。垂直阴影的位置（移动）。允许负值。| | blur | 可选。模糊的距离 | | color | 可选。阴影的颜色。 | 示例： ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> h2 { text-align: center; font-size: 40px; text-shadow: 5px 5px 3px rgba(0,0,0,0.4);  } </style> </head> <body> <h2>添加文字阴影效果</h2> </body> </html> ``` 效果： ![](https://img.kancloud.cn/ae/a4/aea43694ec149b414a6d105c222c1e8c_549x151.png)