现代表格边框需用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"> 虽能出线，但边框是“双线缝合”效果（每单元格自带独立边框），导致交叉处加粗、间距不可控，且无法设置颜色/圆角/虚实线。
<ul>
<li>必须用 <code>border-collapse: collapse 消除默认间隙，让相邻边框合并为单线
table、th、td 三者上才完整，只写 table 会漏掉内部线条border: 1px solid #ccc 和 border-collapse: collapse
文字在单元格里真正居中的写法
仅设 text-align: center 只能水平居中；垂直居中必须配合 vertical-align: middle，否则文字会贴顶或贴底。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
-
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 都救不回结构感。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
