直接改--bs-border-color变量最省事，但必须同时在:root和[data-bs-theme="dark"]中重设；该变量控制.table-bordered、.form-control、.card等所有组件边框色，全局修改需兼顾深色模式，局部修改应加自定义类并显式覆盖th/td/thead th。
直接改 --bs-border-color 变量最省事，但必须配暗色模式作用域
Bootstrap 5.3+ 默认用 --bs-border-color 控制所有边框颜色（包括 .table-bordered 的单元格线），所以改这个变量就能一并生效。但如果你的页面启用了 data-bs-theme="dark"，只在 :root 里改它没用——暗色模式下 Bootstrap 会读取 [data-bs-theme="dark"] 下的同名变量，而默认值仍是浅灰。
正确写法是两处都声明：
:root {
--bs-border-color: #495057;
}
[data-bs-theme="dark"] {
--bs-border-color: #343a40;
}
注意：--bs-border-color 不仅影响表格，还会影响 .form-control、.card、.dropdown-divider 等组件。如果只想改表格，别走这条路。
局部改某几张表格：加自定义类 + 显式覆盖 th/td/thead th
给目标 <table> 加一个类，比如 <code>table-dark-bordered，然后写 CSS 同时命中三处——漏掉任何一处都会导致表头或单元格边框颜色不一致。
立即学习“前端免费学习笔记（深入）”；
-
.table-dark-bordered th：覆盖表头单元格 -
.table-dark-bordered td：覆盖普通单元格 -
.table-dark-bordered thead th：Bootstrap 对thead th单独加了更高权重样式，必须单独写
示例：
.table-dark-bordered th,
.table-dark-bordered td,
.table-dark-bordered thead th {
border-color: #495057 !important;
}
别只写 .table-dark-bordered td，否则 thead th 还是默认浅灰；也别省略 !important，因为 .table-bordered 原生规则虽没用 !important，但选择器长度足够压制普通类。
小屏下边框发虚？加粗 + 提升对比度比调细线更可靠
手机上 1px 边框常因设备像素比（DPR）渲染成 0.5px，视觉模糊甚至消失。别试 border: 0.5px——它不被 Safari 和旧版 Android 支持。
- 把边框宽度提到
2px，抗锯齿效果更好 - 颜色别用太浅的灰，比如
#adb5bd比默认#dee2e6更易识别 - 如果背景是深色（如
.table-dark），边框色得再深一点，否则对比度不够，比如用#212529
组合写法示例：
.table-dark-bordered th,
.table-dark-bordered td {
border-width: 2px;
border-color: #212529 !important;
}
为什么加了 border-dark 类没反应？
因为 border-dark 是 Bootstrap 的边框工具类，它只提供 border-color: #343a40，但不带 border-style 和 border-width。而 .table-bordered 的原始规则是 border: 1px solid #dee2e6，它已经完整声明了三要素。工具类无法覆盖已声明的完整 border 值。
验证方法：打开开发者工具，选中一个 td，看 computed 样式里 border-style 是否还是 solid —— 如果是，说明工具类根本没生效；如果不是，说明被 border: 0 或其他规则干掉了。
结论：工具类对 .table-bordered 表格无效，必须用显式声明或 CSS 变量。
