Bootstrap 5 表格默认无边框，需用 table-bordered 类统一添加 1px 边框；响应式容器中注意 overflow 截断边框，自定义边框应覆盖 th/td 边框样式，小屏下边框可能虚化，建议提升对比度或改用卡片布局。
Bootstrap 5 表格默认没有边框，table-bordered 是唯一开箱即用的边框方案
Bootstrap 5 的 <table> 默认是无边框、无分隔线的简约样式（仅靠 padding 和 hover 区分行）。想加边框，最直接的方式就是加 <code>table-bordered 类——它会给 table、th、td 全部加上 1px solid #dee2e6 边框，并统一 collapse 边框模型。别试图只给 <table> 自己加 <code>border CSS，那样 th/td 的边框会双倍叠加、错位。
响应式表格容器 .table-responsive 本身不干扰边框，但要注意 overflow 截断问题
当表格列数多、内容宽时，需用 <div class="table-responsive"> 包裹表格来启用横向滚动。这个容器对边框没影响，但容易踩两个坑：
<ul>
<li>
<code>table-bordered 的边框在滚动时可能被容器的 overflow: auto 截掉顶部/底部，尤其在 Safari 中；解决方法是在容器上加 border: 1px solid #dee2e6 模拟外边框
colspan 或 rowspan，table-bordered 仍能正常渲染边框，但视觉上可能显得不均等——这是 HTML 表格固有行为，不是 Bootstrap bug自定义边框颜色/粗细？别改 table-bordered，用覆盖类或 inline style
Bootstrap 没提供 table-border-primary 这类变体。若要换色或加粗，有且仅有两种安全做法：
- 在
<table class="table table-bordered"> 上额外加自定义类，比如 <code>my-table-strong，然后写 CSS：.my-table-strong th, .my-table-strong td { border-width: 2px; border-color: #0d6efd; } - 用
style属性直接写（适合临时调试）：<table class="table table-bordered" style="border-color: #dc3545;">
注意：这里只改了 table 元素的 border，th/td 的边框还得单独设，否则内外边框颜色不一致 - 不要指望用
border: 0.5px修复——它不被所有浏览器支持 - 更可靠的做法是提升对比度：用
border-color: #adb5bd替代默认的浅灰，或加background-color让边框更易识别 - 如果业务允许，考虑在小屏下改用卡片式布局替代表格，
table-bordered就彻底不用了
移动端小屏下 table-bordered 依然生效，但边框可能被压缩得看不清
响应式表格在手机上缩放后，1px 边框可能因设备像素比（dpr）变成 0.5px 显示，导致虚化或消失。这不是 Bootstrap 的问题，而是 CSS 像素限制：
立即学习“前端免费学习笔记（深入）”；
<thead> 和 <code><tbody> 之间，<code>table-bordered 不会自动加粗分隔线——那得手动给 thead th 加 border-bottom-width: 2px。
