text-shadow 属性用于为文本添加阴影，语法为 text-shadow: h-offset v-offset blur-radius color；支持多层阴影，用逗号分隔，常用于提升文字可读性与视觉层次，如外发光、立体感等效果，推荐使用 rgba 控制透明度，注意避免过度模糊影响清晰度，且需考虑浏览器兼容性。
text-shadow 是 CSS 中用于为文本添加阴影效果的属性，使用它可以增强文字的视觉层次感，常用于标题、按钮或需要突出显示的文字上。它支持多个阴影值，语法灵活，控制精细。
基本语法
text-shadow 的语法格式如下：
text-shadow: h-offset v-offset blur-radius color;- h-offset：水平偏移值，正数向右，负数向左
- v-offset：垂直偏移值，正数向下，负数向上
- blur-radius（可选）：模糊半径，值越大越模糊，不设则无模糊
- color（可选）：阴影颜色，未设置时浏览器通常采用文字颜色
所有参数之间用空格分隔，顺序不能颠倒。
常见使用示例
以下是一些典型的 text-shadow 应用场景：
立即学习“前端免费学习笔记（深入）”；
基于VC与Matlab的混合编程实现图像的三维显示 WORD版
下载
本文档主要讲述的是基于VC与Matlab的混合编程实现图像的三维显示；介绍了VC++与Matlab混合编程的一般实现方法，并实现对二维影像图的三维效果显示。 MATLAB既是一种直观、高效的计算机语言,同时又是一个科学计算平台。它为数据分析和数据可视化、算法和应用程序开发提供了最核心的数学和高级图形工具。希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来看看
- 轻微阴影提升可读性：
text-shadow: 1px 1px 2px rgba(0,0,0,0.5); - 外发光效果：
text-shadow: 0 0 5px #fff, 0 0 10px #fff; - 立体浮雕感：
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb; - 描边式阴影（配合背景使用）：
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
多层阴影设置
text-shadow 支持同时设置多个阴影效果，各层之间用逗号分隔：
text-shadow: 2px 2px 4px red, -2px -2px 4px blue, 0 0 6px black;浏览器会从前往后绘制这些阴影，前面的阴影可能被后面的覆盖部分区域，适合创造复杂视觉效果。
实用建议与注意事项
使用 text-shadow 时注意以下几点：
- 避免在小字号文本上使用过大的模糊或偏移，会导致文字模糊不清
- 在浅色背景上的深色文字可加浅色阴影提升清晰度，反之亦然
- 推荐使用 rgba 或 hsla 颜色定义阴影，便于控制透明度
- text-shadow 不影响布局，不会改变元素尺寸或位置
- 老版本 IE 不支持该属性，需考虑兼容性或降级处理
