🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 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); <!-- text-shadow: 水平位置 垂直位置 模糊距离 阴影颜色 --> } </style> </head> <body> <h2>添加文字阴影效果</h2> </body> </html> ``` 效果: ![](https://img.kancloud.cn/ae/a4/aea43694ec149b414a6d105c222c1e8c_549x151.png)