bgcolor属性在HTML5中已被移除，无效；表格背景应设在tbody或tr上，而非table，因td/th会覆盖table背景；单单元格高亮用td/th样式，整行填充优先用tbody或tr:nth-child()。
bgcolor 属性已经失效，别再用了。
它在 HTML5 中被完全移除，写 <table bgcolor="#f0f0f0"> 或 <td bgcolor="red"> 不会生效，浏览器直接忽略。你看到的“好像有用”，大概率是 CSS 样式或默认渲染的巧合，不是 bgcolor 在起作用。
为什么 table 的 background-color 看不见？
不是你写错了，是渲染层被盖住了：td 和 th 默认是「前景图层」，哪怕它们背景是 transparent，也会挡住 table 的背景色。
- 加了
style="background-color: #eee"没反应？打开开发者工具看——样式没被划掉，但预览就是白底 -
border-collapse: collapse后更明显：单元格间隙（border-spacing）为 0，table背景彻底不可见 - 临时验证法：
td, th { background-color: transparent !important; }—— 如果这时背景突然出来了，就确认是子元素覆盖问题
真正该设背景色的地方是 tbody 或 tr
tbody 是块级容器，背景能铺满整行区域、不被单元格遮挡，比 table 更稳定可控；tr 适合隔行变色，td/th 用于精准高亮单个单元格。
- 整表底纹（非填充）：保留
border-spacing: 2px，再设table背景——只在空隙里可见，适合做衬托 - 整行/整区填充：优先用
tbody { background-color: #f9f9f9; }或tr:nth-child(even) { background-color: #f2f2f2; } - 单单元格高亮：直接写
<td style="background-color: #ffeb3b;">关键值</td>，配合border-collapse: collapse和padding提升可读性 - 避免内联 style 冲突：框架（如 Bootstrap）常带
table td { background: white; }，会盖掉你的table内联背景；统一用 class 更可靠
动态改背景色该用 JS 操作 class，不是 style
用 element.style.backgroundColor = 'red' 容易被后续 CSS 打断，且难以维护；切换 class 才是稳定做法：
-
tableEl.classList.add('dark-bg')或tableEl.classList.toggle('striped') - CSS 里定义：
.dark-bg { background-color: #333; }、.striped tbody tr:nth-child(even) { background-color: #f5f5f5; } - 语义化结构（
thead/tbody）能让背景分层控制更清晰，也避免依赖位置的选择器
table 的，而是 tbody 或某一层 tr 的。选错目标元素，再调颜色也没用。 
