能生效，但需满足color不透明且td/th无overflow:hidden；text-shadow不继承，须作用于td/th或其内元素；小字号宜用8向描边并设blur-radius:0；th描边应弱于td以避免过重；断续是字体轮廓所致，5向描边更稳定。
text-shadow在table里直接加就生效吗？
能生效，但容易被忽略两个前提：color不能是transparent（否则text-shadow没载体），td或th不能设overflow: hidden（否则-1px偏移部分会被裁掉）。表格单元格默认没有这些限制，所以多数情况下直接写就行。
常见错误是把描边样式写在table标签上——text-shadow不继承，必须作用于文字所在元素，也就是td、th或其内部的span。
- 正确写法：
.cell { text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } - 错误写法：
table { text-shadow: ... }（无效） - 如果单元格用了
vertical-align: middle或padding，不影响描边渲染，但可能让描边看起来“离字远”，实际是padding留白造成的错觉
小字号表格文字描边太细怎么办？
表格里常用12–14px字体，用±1px偏移描边容易发虚或不可见。这不是bug，是像素密度和渲染精度限制。
别直接改成2px——在普通屏上会显得粗重、锯齿明显；更稳妥的做法是补方向+微调偏移：
- 从4向升级到8向：
text-shadow: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000, -1px 1px 0 #000, 0 1px 0 #000, 1px 1px 0 #000; - 保留
blur-radius: 0，漏掉这个0或写成0.1px，边缘立刻变软 - 颜色选深灰（如
#333）比纯黑#000更耐看，尤其在浅色背景上
表格表头描边和正文
描边能共用一套CSS吗？
可以，但要注意th通常有默认font-weight: bold，加描边后视觉重量翻倍，容易压过正文。实际效果常比td更“重”。
推荐分层控制：
- 基础描边统一写：
td, th { text-shadow: ... }
- 再单独削弱
th描边颜色或宽度：th { text-shadow: -1px -1px 0 #666, ...; }
- 如果
th用了背景色，描边颜色要和背景形成足够对比，否则“隐形”——比如浅蓝背景配#000描边，不如改用#222
- 避免给
th加color: transparent——它不像按钮文字需要“掏空”，表头文字本身就得清晰可读
为什么表格里描边看着断断续续？
不是代码问题，是字体轮廓导致的。中文“口”“田”、英文“o”“e”“S”这类封闭字符，在对角偏移下，曲线交接处会出现肉眼可见的缝隙。4向描边尤其明显，8向能缓解但不能根除。
真正麻烦的是：这种断点在设计稿里看不出来，只有真机或高缩放下才暴露。解决思路不是堆更多阴影，而是换策略：
- 优先用5向描边（上下左右+居中）：
text-shadow: 0 0 0 #000, -1px 0 0 #000, 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000;——正交方向对封闭结构覆盖更稳
- 放弃纯CSS描边，对关键表头用SVG内联文字（
<text></text> + stroke），但代价是维护成本上升
- 接受轻微断点，把描边当“辅助识别层”，重点保证字号≥14px、对比度达标即可
最易被忽略的一点：描边是否生效，永远取决于文字是否真实渲染出来——如果td内容被JS动态清空、或CSS写了visibility: hidden，text-shadow照样消失。别只盯着阴影参数，先确认文字还在那儿。
可以，但要注意th通常有默认font-weight: bold，加描边后视觉重量翻倍，容易压过正文。实际效果常比td更“重”。
推荐分层控制：
- 基础描边统一写：
td, th { text-shadow: ... } - 再单独削弱
th描边颜色或宽度：th { text-shadow: -1px -1px 0 #666, ...; } - 如果
th用了背景色，描边颜色要和背景形成足够对比，否则“隐形”——比如浅蓝背景配#000描边，不如改用#222 - 避免给
th加color: transparent——它不像按钮文字需要“掏空”，表头文字本身就得清晰可读
为什么表格里描边看着断断续续？
不是代码问题，是字体轮廓导致的。中文“口”“田”、英文“o”“e”“S”这类封闭字符，在对角偏移下，曲线交接处会出现肉眼可见的缝隙。4向描边尤其明显，8向能缓解但不能根除。
真正麻烦的是：这种断点在设计稿里看不出来，只有真机或高缩放下才暴露。解决思路不是堆更多阴影，而是换策略：
- 优先用5向描边（上下左右+居中）：
text-shadow: 0 0 0 #000, -1px 0 0 #000, 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000;——正交方向对封闭结构覆盖更稳 - 放弃纯CSS描边，对关键表头用SVG内联文字（
<text></text>+stroke），但代价是维护成本上升 - 接受轻微断点，把描边当“辅助识别层”，重点保证字号≥14px、对比度达标即可
最易被忽略的一点：描边是否生效，永远取决于文字是否真实渲染出来——如果td内容被JS动态清空、或CSS写了visibility: hidden，text-shadow照样消失。别只盯着阴影参数，先确认文字还在那儿。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
