如何设置表格的暗边框色_BORDERCOLORDARK属性应用-html教程-PHP中文网

bordercolordark 是已废弃的ie专属属性，仅ie5–ie8支持，需与bordercolorlight及border配合使用以实现3d边框效果；现代浏览器完全忽略，应改用css手动控制四边边框颜色。

如何设置表格的暗边框色_bordercolordark属性应用

bordercolordark 是一个已废弃的 IE 专属 HTML 属性，仅在旧版 Internet Explorer（IE5–IE8）中生效，现代浏览器（Chrome、Firefox、Edge、Safari）完全忽略它。如果你在当前项目里看到它没效果，不是写错了，而是浏览器根本不再支持。

`bordercolordark` 只能在 IE 中用，且必须配合 `border` 和 `bordercolorlight`

它不能单独存在：没有 border="1" 或类似边框声明时，bordercolordark 不起作用
必须和 bordercolorlight 成对使用，才能模拟 Windows 风格的 3D 边框（左上亮、右下暗）
支持写在 <table>、<code><tr>、<code><th>、<code><td> 标签上，但实际渲染只在表格整体边框或行/单元格外框上体现 <li>颜色值接受英文名（如 <code>red）、十六进制（如 #ff0000）、RGB（如 rgb(255,0,0)），但 IE6–IE8 对 RGB 支持不稳定，建议用十六进制

示例（仅 IE 有效）：

内容

现代浏览器里想实现同样明暗边框效果，得用 CSS 拆解边框

bordercolordark 在视觉上本质是「右下边框用深色，左上边框用浅色」。CSS 无法一键复刻，但可以手动控制：

SkillHub

腾讯云专为中国用户推出的 Skill 极速安装工具

下载

表格整体：用 border-top + border-left 模拟亮边（bordercolorlight），border-right + border-bottom 模拟暗边（bordercolordark）
单元格：需重置 border-collapse: separate，再给每个 td 单独设四边边框，否则 border-collapse: collapse 会合并边框导致错位
注意 cellspacing="0" 必须对应 CSS 的 border-spacing: 0，否则间隙会破坏立体感

等效 CSS 示例：

<style>
table.dark-border {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-collapse: separate;
  border-spacing: 0;
}
table.dark-border td {
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
</style>

混用 `bordercolordark` 和 CSS 会出问题

如果你在同一个 <table> 上既写了 <code>bordercolordark，又写了 style="border: ..."，现代浏览器只认 CSS，IE 可能因解析顺序混乱而显示异常
border 属性（如 border="1"）和 CSS 的 border 冲突：前者会触发 IE 的旧边框模型，后者走标准盒模型，混用易导致尺寸偏差或边框消失
cellpadding/cellspacing 也一样：HTML 属性和 CSS 的 padding/border-spacing 不兼容，选一套到底