现代表格边框需用CSS：必须同时设置border-collapse: collapse和border属性于table、th、td三者，否则边框“双线缝合”；文字居中需text-align: center与vertical-align: middle配合，并统一padding值。
border 属性已废弃，用 CSS 控制边框才是现代写法；文字居中不是靠 align 或 cellpadding 硬撑，而是靠 text-align 和 vertical-align 组合生效。
怎么给表格加真实可用的边框
老式写法 <table border="1"> 虽能出线，但边框是“双线缝合”效果（每单元格自带独立边框），导致交叉处加粗、间距不可控，且无法设置颜色/圆角/虚实线。
- 必须用
border-collapse: collapse消除默认间隙，让相邻边框合并为单线 - 边框要写在
table、th、td三者上才完整，只写table会漏掉内部线条 - 想实现 1px 细线，得同时设
border: 1px solid #ccc和border-collapse: collapse
文字在单元格里真正居中的写法
仅设 text-align: center 只能水平居中；垂直居中必须配合 vertical-align: middle，否则文字会贴顶或贴底。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
vertical-align必须作用于td或th，不能只写在table上 - 如果单元格有
padding，它会影响视觉“居中感”，建议统一设为padding: 8px 12px这类对称值 - 避免用
align="center"这类 HTML 属性——它已被 HTML5 废弃，且不支持垂直对齐
常见错误：边框看起来“断开”或“粗细不均”
这是 border-collapse 缺失或设置错误的典型表现，尤其在跨行（rowspan）或跨列（colspan）单元格中更明显。
立即学习“前端免费学习笔记（深入）”；
- 检查是否漏写了
border-collapse: collapse，或误写成separate - 确认所有
td和th都有明确的border声明，不要依赖继承 - 若用了
background-color，注意深色背景会让浅色边框“隐形”，需同步调对比度
真正麻烦的不是写几行 CSS，而是忘记 border-collapse 这个开关——它一关，所有边框设置都变成“各自为政”，再调 padding 或 text-align 都救不回结构感。
