rules属性本身不能独立显示内部网格线，必须搭配border-collapse:collapse才生效；不加该CSS，rules="all"完全无效，因浏览器默认使用separate模式，而rules仅在collapse模式下起作用。
直接说结论：rules 属性本身不能独立显示内部网格线，它必须搭配 border-collapse: collapse 才生效；不加这个 CSS，rules="all" 也完全没反应。
为什么写了 rules="all" 却看不到内线？
根本原因几乎总是：浏览器默认用的是 border-collapse: separate 模式，而 rules 只在 collapse 模式下起作用——它不是“开关”，而是“模式下的策略控制器”。
- 必须显式给
<table>加 CSS：style="border-collapse: collapse"，写在<td>或<th>上无效 -
<td>自身若有border样式（比如border: 1px solid #000），会覆盖rules的线宽和颜色——rules本身不定义颜色、粗细或线型 - Chrome/Safari 中可能多画一圈外边框（比如
rules="rows"渲染出顶部+行间+底部三条横线），这不是 bug，是规范实现差异
rules 各参数实际行为与常见误读
rules 只接受固定字符串值，不是布尔值也不是类名，语义比直觉窄得多：
-
rules="none"：隐藏所有内部线（<tr>之间、同列<td>之间），但外框是否显示取决于border属性或 CSS -
rules="rows"：只画水平线（即<tr>之间的分隔线），不控制单元格自身四边，也不影响列方向 -
rules="cols"：只画竖直线（同列相邻<td>之间），行方向无横线 -
rules="all"：横竖线都画，但仍是单像素网格，依赖继承的border-width和border-color -
rules="groups"：仅在真实存在的<thead>/<tbody>/<tfoot>边界处画线；只有一个<tbody>时，哪怕有 100 行，也不会出现任何线
rules="all" 和手动给 td 设 border 有什么区别？
表面效果相似，但底层机制和维护成本完全不同：
立即学习“前端免费学习笔记（深入）”；
-
rules="all"是声明式：由<table>统一控制所有内部交叉线，改一个属性就全局生效 - 手动写
td { border: 1px solid #000 }是命令式：每格独立渲染，相邻<td>若各自画右/左边框，可能产生双倍线宽（2px），必须额外加border-collapse: collapse消除 -
rules不支持虚线、圆角、主题色切换；想换颜色？只能靠继承的border-color；想用dashed？不行，得放弃rules改用 CSS
真正麻烦的不是参数怎么填，而是它依赖的隐式前提太多：必须写对位置（<table> 元素上）、必须配对 CSS（border-collapse: collapse）、线宽颜色全靠继承、无法响应式控制某一行或某一列。一旦项目需要差异化样式（比如表头下加粗线、移动端隐藏竖线），rules 就成了干扰源，而不是捷径。
