TablePress FAQ:如何隐藏表格的边框

WordPress 表格插件 TablePress 提供了方便的自定义 CSS 功能来满足不同表格、不同场合的样式需求。如果希望页面中的 TablePress 表格不显示边框,也可以使用 TablePress 内建的 CSS 类(样式选择器),同时配合合适的 CSS 样式规则来实现。可以针对特定的某个表格,也可以应用于网站中的所有 TablePress 表格。

如果不清楚怎么使用 TablePress 中的自定义样式,可以参考指定 TablePress 表格某行/某列的背景色,这里有详细的操作说明。

要隐藏表格 ID 为 N 的某个表格的边框,可以使用类似下面的自定义 CSS 样式:

.tablepress-id-N,
.tablepress-id-N tr,
.tablepress-id-N tbody td,
.tablepress-id-N thead th,
.tablepress-id-N tfoot th {
	border: none;
}

这里 N 应该用要设定的表格的 ID 替换。如果要对网站中所有用 TablePress 插入的表格应用此设定,可以用 .tablepress 替换到样式中前面的 .tablepress-id-N (5 个都要替换掉)。

如果要对网站中所有用 TablePress 插入的表格应用此设定,可以用 .tablepress 替换上面样式规则中每一行前面的 .tablepress-id-N

如果需要关于 TablePress 的其它帮助,请访问 TablePress 中文页面获取更多信息。TablePress 常见问题页面还有更多自定义 CSS 样式的示例及其他问题的解决方法,欢迎查阅。如有问题,请参考文档,或者到讨论区相应版块提问。©

本文发表于水景一页。永久链接:<https://cnzhx.net/blog/tablepress_faq-hide-border/>。转载请保留此信息及相应链接。

雁过留声,人过留名

您的电子邮箱地址不会被公开。 必填项已用 * 标注

特别提示:与当前文章主题无关的讨论相关但需要较多讨论求助信息请发布到水景一页讨论区的相应版块,谢谢您的理解与合作!请参考本站互助指南
您可以在评论中使用如下的 HTML 标记来辅助表达: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>