表格文字外发光唯一有效方案是text-shadow多层叠加，需显式设置不透明color、避免overflow:hidden裁剪阴影，并根据字号和背景色调整模糊值与颜色。
text-shadow 是唯一能给表格文字加外发光的方案
别试 box-shadow 或 filter: drop-shadow()，它们作用在单元格容器上，不会让文字本身“发光”，只会给整个 <td> 或 <code><th> 加一层模糊边框，遮盖字形细节。真正让文字浮出纸面，只能靠 <code>text-shadow 多层叠加。
表格文字发光必须显式设置 color，且禁用 transparent
90% 的“没效果”是因为：<td> 里文字用了 <code>color: transparent、color: rgba(0,0,0,0)，或继承了父级透明色——text-shadow 不会凭空渲染，它需要文字内容作为载体。
- 务必为
td和th显式声明不透明的文字色，例如color: #fff或color: rgba(255, 255, 255, 0.9) - 如果用了渐变文字（
background-clip: text+-webkit-text-fill-color: transparent），必须单独为该元素写text-shadow，否则无效 - 深色表格背景（如
#1a1a2e）上推荐暖色系发光，浅色背景（如#f8f9fa）则改用带 alpha 的蓝/紫，避免过曝
多层 text-shadow 写法要防 overflow 截断
表格单元格默认常设 overflow: hidden 或 text-overflow: ellipsis，而发光阴影会超出文字原始尺寸。DevTools 里看到阴影被“砍掉一半”，大概率是这个原因。
- 检查
td和其所有父容器（table、tbody、tr）的overflow计算值，只要有一层是hidden或auto（且内容溢出），就会裁剪阴影 - 临时解决方案：给
td加overflow: visible；若需保留换行或省略，改用padding预留发光空间（例如加padding: 8px 12px） - 移动端 Safari 对大模糊值（>30px）渲染偏淡，建议最大
blur-radius控制在24px以内
小字号表格单元格发光要收敛模糊值
表格常含 12–14px 小字，此时用大模糊（如 0 0 20px）会导致光晕吞掉字形，视觉上变成“毛边”而非“发光”。
- 字号 ≤14px 时，推荐模糊半径梯度为：
0 0 2px、0 0 4px、0 0 8px，最多三层 - 颜色用
hsla(200, 100%, 70%, 0.6)比#00ffff更稳，明度高但不过曝 - macOS Safari 默认启用子像素抗锯齿，会弱化小模糊细节；可临时加
-webkit-font-smoothing: auto测试是否改善
最易被忽略的是背景匹配——同一组 text-shadow 在深灰表头和浅白数据行里，亮度感知完全不同。调参时必须把 <th> 和 <code><td> 放在同一页面里实时对比，不能只改一个再脑补另一个。</td>
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
