tablepress如何只隐藏表格中间的表格线

作者 1708888, 2018-07-18, 22:09:33

« 上一篇主题 - 下一篇主题 »

1708888

tablepress如何只隐藏表格中间的表格线,四周的不隐藏,如同 田字表格变成口字一样

lonelicloud

参考这里 https://cnzhx.net/blog/tablepress_faq-hide-border/,但是只给 <table> 加边框,而 <th>、<td> 之类的边框设为,
border: none;
这样应该就可以了。例如上面链接里那个例子就改为,
.tablepress-id-N {
border: 1px black solid;
}

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

希望这个回答能帮到你。
欢迎光临水景一页

问题解决后请「修改」原始帖子将其前缀改为「已解决」。

请阅读"论坛管理"里面的置顶内容,帮助维护论坛正常运行,方便你我他!

1708888

不好意思,我说错了 并不是田变成口,而是变成日这种的 只要去除表格的竖线,但是保留横线!

lonelicloud

这个也是用类似的方法来处理。这里说一个特例吧。

先将表格的整体边框设为无,
.tablepress-id-N {
border: none;
}


然后设置行的上、下边框,
.tablepress-id-N tr {
border-top: 1px solid red;
border-bottom: 1px solid red;
}


如果本来的样式表中设置了单元格的边框,可能会覆盖上面行的边框,那么就需要直接设置单元格的边框,
.tablepress-id-N td {
border-top: 1px solid red;
border-bottom: 1px solid red;
}


具体到不同的 WordPress 和主题的默认样式不同,可能还需要稍作其它调整。
欢迎光临水景一页

问题解决后请「修改」原始帖子将其前缀改为「已解决」。

请阅读"论坛管理"里面的置顶内容,帮助维护论坛正常运行,方便你我他!