text-shadow属性可通过设置偏移、模糊和颜色实现文字投影效果，如text-shadow: 2px 2px 4px #00f实现蓝色投影，支持多层阴影叠加与rgba透明色，常用于增强立体感或发光效果，需注意可读性。
使用 CSS 的 text-shadow 属性可以轻松实现文字颜色投影效果。它允许你为文字添加一层或多层阴影，通过控制颜色、模糊度和偏移量来达到视觉上的投影效果。
基本语法
text-shadow 的语法如下：
text-shadow: h-offset v-offset blur-radius color;- h-offset：水平偏移，正值向右，负值向左
- v-offset：垂直偏移，正值向下，负值向上
- blur-radius：模糊半径，值越大越模糊（可选，默认为0）
- color：阴影颜色（可选，浏览器会使用文本颜色或默认色）
四个值的顺序不能颠倒，且至少需要前两个偏移值。
实现彩色投影效果
想要实现带有颜色的投影，关键是指定 color 值。例如，给白色文字添加蓝色投影：
立即学习“前端免费学习笔记（深入）”；
这会让文字向右下角偏移2px，模糊4px，投影颜色为蓝色。
也可以叠加多个阴影，实现更丰富的效果：
text-shadow: 1px 1px 2px red, -1px -1px 2px blue;这样文字会同时拥有红色右下和蓝色左上的双重投影。
常见实用技巧
实际使用中，可以结合背景和字体样式优化投影效果：
- 在深色背景上用浅色文字加暗色投影，增强立体感
- 模糊值不要过大，否则文字会变得难以辨认
- 想模拟“发光”效果，可设置偏移为0，只保留模糊和颜色，如：
text-shadow: 0 0 5px yellow; - 投影颜色建议使用半透明色（如 rgba）让过渡更自然：
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
