许多初学者在折腾 HTML 表格时，都会遇到一个尴尬的困惑：明明设置了 cellspacing，可表格网格线的粗细却纹丝不动。要理解这个问题，还得从根本原理说起。
为何 cellspacing 对线条粗细完全无效
cellspacing 的实际作用是控制“单元格之间的间隙”，而不是边框本身。即使你将其设为 cellspacing="0"，边框的宽度依然保持不变；设为 cellspacing="5"，也只是把单元格“推开”，边框线条的粗细丝毫不受影响。常见的误解是：把“看起来更细的线”归功于 cellspacing，其实那是通过背景色搭配微小间距“模拟”出来的视觉效果。
利用 cellspacing 与背景色制造“细线”错觉
这是老式 HTML 细线表格的核心技巧，本质是用视觉欺骗替代真实的边框控制：
table设置border="0"和cellspacing="1"table设置bgcolor="#333"（即你想呈现的“线”的颜色）td或th设置bgcolor="#fff"（内容区域底色）- 此时那 1 像素的
cellspacing空隙，透出的是 table 的背景色，就成了“1px 细线”
注意：这要求所有单元格都必须有明确的背景色，否则空隙会透出页面背景，线条就会断裂。
真正可控的边框粗细：必须使用 CSS
HTML5 已经废弃了 border、cellspacing 等内联属性对边框粗细的控制能力。现代网页开发的唯一正确路径是：
- 使用
border-collapse: collapse消除默认间距，让边框真正“合并” - 为
table、th、td分别设置border-width，例如border: 2px solid #000 - 若只需要外框粗、内线细，可单独重置：
table th, table td { border-width: 1px; }，再对table设置border-width: 3px; - 避免使用
border-collapse: separate+border-spacing，因为这会重新引入间隙，破坏线条的连续性
直接写
