bgcolor在HTML5中已完全失效，浏览器静默忽略；必须使用CSS background-color，可通过style属性、style标签或外部CSS文件设置，支持rgba()、渐变等高级特性，且遵循标准层叠规则。
直接用 style="background-color: ..." 就行，别碰 bgcolor
HTML5 中 bgcolor 属性已完全失效，不是“不推荐”，是浏览器根本不解析它。你写 <td bgcolor="red">，现代 Chrome/Firefox/Safari 都会忽略——连控制台警告都不会报，静默失败。真正起作用的只有 CSS 的 background-color，而且必须通过 style 属性、<style> 块或外部 CSS 文件注入。
bgcolor 和 background-color 的实际差异在哪
表面看都是设颜色，但底层逻辑完全不同：
-
bgcolor是 HTML 4.01 的遗留属性，只允许写在<table>、<tr>、<td>、<th>和<body>上，不能用在<p>或<div>里 -
background-color是 CSS 属性，适用于任何元素，支持 rgba()、hsl()、渐变甚至图片背景 -
bgcolor不支持透明度；background-color: rgba(255,0,0,0.3)可以半透 -
bgcolor无法被 CSS 选择器覆盖（因为它根本不算样式），而background-color遵循标准层叠规则，可被 class、id 或 :hover 等动态修改
单元格背景色设置的三种常用方式
按使用场景选，别一股脑全用内联：
- 单个单元格快速调试：直接写
<td style="background-color: #ffeb3b;"> - 多个同类单元格（如所有“状态列”）：定义 class，比如
<td class="status-error">，再配 CSS.status-error { background-color: #ffebee; } - 整列高亮：用属性选择器，如
td[data-col="price"] { background-color: #e3f2fd; }，配合<td data-col="price">199</td>
注意：如果表格用了 border-collapse: collapse，background-color 会严格贴合单元格边界；若没设，边框间隙可能露出父级背景色，造成“漏色”错觉。
立即学习“前端免费学习笔记（深入）”；
容易踩的坑：边框和背景色一起设时的常见问题
想同时改背景和边框？别只写 border-color：
-
border-color: red单独写无效——因为默认border-width是 0，得显式写border: 1px solid red或border-color: red; border-width: 1px; - 背景色和边框颜色对比太弱（比如浅灰背景+浅灰边框）会导致视觉“消失”，建议用至少 3:1 的颜色对比度
- 给
<th>设背景色后，文字默认加粗+居中，若没重置text-align或font-weight，可能和<td>显示不一致
最稳妥的起步模板：<td style="background-color: #fff3cd; border: 1px solid #ffeaa7; padding: 6px;">——背景、边框、内边距三者必须同时考虑，缺一不可。
