只对或加边框才能实现局部控制，需用CSS的border属性作用于单元格而非；注意border-collapse: separate与collapse的区别，善用:nth-child()等伪类批量操作，并优先使用语义化class而非内联样式。
只给 <td> 或 <code><th> 加边框，别碰 <code><table><p>直接给 <code><table> 设 <code>border 属性，整张表都会套上边框，根本控制不了“一部分”。真要局部加边框，必须下沉到单元格层级，用 CSS 的 border 作用在 <td> 或 <code><th> 上。
<p>常见错误是写成这样：<pre class='brush:php;toolbar:false;'><table style="border: 1px solid #000"></pre>——这等于给整个表格容器加框，和“一部分”完全不沾边。</p>
<ul><li>只对需要强调的单元格单独加样式，比如：<code><td style="border-right: 2px solid red; border-bottom: 1px dashed #999">
<li>用 class 更可控：<code><td class="highlight-right">，再在 CSS 里定义 <code>.highlight-right { border-right: 2px solid #e74c3c; }
border-collapse: collapse 会影响相邻边框的合并行为，设成 separate 才能确保单侧边框独立生效
border-collapse: collapse 和 separate 的实际差别
默认情况下，表格边框是 separate 模式，每个单元格边框独立绘制，这时候你给某个 <td> 加 <code>border-top，它就真的只在顶部画一条线；但一旦设了 border-collapse: collapse，浏览器会把相邻单元格的边框“挤”在一起，取最粗/最显眼的那个——你加的边框可能被隔壁单元格的边框覆盖或抵消。
- 想精准控制某条边？先确认
table没有全局设border-collapse: collapse，或者干脆显式设为separate - 如果必须用
collapse（比如为了消除默认间距），那就得统一协调整行/整列的边框，单点修改容易失效 -
collapse下，border-style: hidden是个隐藏技巧：它可以强制“吃掉”某条边，避免和其他边冲突
用 :nth-child() 批量选中某列或某行加边框
手动给每个 <td> 加 class 太累，CSS 伪类是更省事的选择。比如想给第 3 列所有单元格加右边框，或者给最后一行加底边框，直接用选择器就行。<p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>
<ul>
<li>第 3 列：<code>td:nth-child(3), th:nth-child(3) { border-right: 1px solid #3498db; }
tr:last-child td, tr:last-child th { border-bottom: 2px solid #2c3e50; }
:nth-child(n) 是按 DOM 顺序数的，如果表格里混用了 <colspan></colspan> 或 <rowspan></rowspan>，序号会偏移，这时得结合 :not([colspan]) 过滤内联样式 vs 外部 CSS：什么时候该用哪个
临时调试、服务端动态生成表格、或者只有 1–2 个单元格要加边框时，用 style="border-left: ..." 最快；但只要涉及复用、主题切换、或响应式调整，就必须抽到 CSS 里。
- 内联样式优先级最高，会覆盖外部 CSS，改起来反而麻烦
- 用 class 名体现语义，比如
border-warning-left比border-red-2更易维护 - 移动端要注意：细边框（如
1px）在高 DPR 屏幕上可能发虚，可考虑用transform: scaleY(0.5)或box-shadow模拟
colspan 和 border-collapse 同时存在时，浏览器到底听谁的。
