获取报价

外贸侠建站定制设计×SEO优化×安全运维,让您的网站成为业务增长引擎。从0到1打造高转化网站,7天极速上线。提交需求表单,获取定制化方案与报价!
Edit Template
View Categories

如何在WordPress站点显示内容的表格线条?

在 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 都能显示线条。

中国品牌出海,从搭建外贸独立站开始!

外贸侠不做普通外贸站,打造的是能自动抓客的线上询盘机器。全站贴合海外本土审美,服务好评率超96%,既是你的国际化企业名片,快速打消外商顾虑,更能匹配海外用户决策习惯,实打实提升咨询量。

© 2026 外贸侠建站 – 深圳市维普网络科技有限公司,  版权所有  粤ICP备2023134243号-1

 
QQ在线咨询
售前咨询热线
14776520031
售后咨询热线
13713771505

外贸侠周年庆:外贸建站享优惠!

全场满2000元减58、满3500元减158、满4500减328、满6500减428元。活动时间从2025年11月1日开始,一直持续到12月31日,为期2个月。