border-collapse属性必须设在table元素上因它是表格级样式对tr、td无效设为collapse可合并相邻边框取宽、实、后声明者但empty-cells在collapse下失效移动端可能渲染错位。border-collapse属性必须设在上不是或很多人试过给 td 加 border再设 tr 的 border-collapse: collapse结果没用——因为 border-collapse 是表格级样式只对 table 元素生效。常见错误现象td 边框看起来双倍粗、有空隙、内边距撑开或者加了 border-collapse: collapse 但完全没反应。必须写在 table styleborder-collapse: collapse 或对应 CSS 类里如果用了 border-spacing它会和 border-collapse 冲突后者优先级更高但建议直接删掉 border-spacing 避免混淆IE8 支持 collapse但 IE7 及更早只支持 separate此时设 collapse 会被忽略collapse模式下相邻边框如何“合并”而不是“叠加”启用 border-collapse: collapse 后td、th、tr 的边框不再各自渲染而是按“边框冲突规则”合并取宽度最大、样式最实如 solid dashed、颜色优先按声明顺序后声明的胜出。使用场景想让表格看起来像 Excel 那样无缝网格或者需要统一控制外边框粗细时。立即学习“前端免费学习笔记深入” 通义听悟 阿里云通义听悟是聚焦音视频内容的工作学习AI助手依托大模型帮助用户记录、整理和分析音视频内容体验用大模型做音视频笔记、整理会议记录。