在 WordPress 中,如果你插入了一个 HTML 表格但发现没有显示线条,通常是因为主题的 CSS 重置了表格的默认样式。
你可以通过自定义 CSS 来让表格显示边框线条。
方法 1:直接在主题或自定义 CSS 中添加样式
在 外观 → 自定义 → 额外 CSS 中添加:
Css
/* 给表格添加边框线条 */
table {
border-collapse: collapse; /* 合并边框,避免双线 */
width: 100%; /* 可选:让表格自适应宽度 */
}
table, th, td {
border: 1px solid #000; /* 黑色边框,可改颜色 */
}
th, td {
padding: 8px; /* 单元格内边距 */
text-align: left; /* 对齐方式,可改为 center/right */
}
方法 2:只针对文章内容中的表格
如果你只想让文章里的表格有线条,而不影响其他地方,可以加上 .entry-content(大多数主题都有这个类):
Css
.entry-content table {
border-collapse: collapse;
}
.entry-content table,
.entry-content th,
.entry-content td {
border: 1px solid #ccc; /* 灰色边框 */
}
方法 3:TablePress 插件表格加线条
如果你用 TablePress 插件,可以在 Table → 插件的“自定义 CSS” 中添加:
Css
.tablepress td,
.tablepress th {
border: 1px solid #000;
}
✅ 注意事项
border-collapse: collapse;可以让相邻单元格的边框合并成一条线。- 颜色可以用
#000(黑色)、#ccc(浅灰)或rgba()半透明色。 - 如果主题有强制样式,可能需要加
!important,例如:Css
table, th, td { border: 1px solid #000 !important; }
如果你愿意,我可以帮你写一个 适配所有 WordPress 主题的通用表格线条 CSS,直接复制就能用。
你要我帮你做这个通用版本吗?这样无论是 Gutenberg、Classic Editor 还是 TablePress 都能显示线条。
