tablepress如何只隐藏表格中间的表格线
« 于: 2018-07-18, 22:09:33 »
tablepress如何只隐藏表格中间的表格线,四周的不隐藏,如同 田字表格变成口字一样

Re: tablepress如何只隐藏表格中间的表格线
« 回复 #1 于: 2018-07-18, 23:03:32 »
参考这里 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;
}
希望这个回答能帮到你。
欢迎光临水景一页

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

Re: tablepress如何只隐藏表格中间的表格线
« 回复 #2 于: 2018-07-18, 23:06:52 »
不好意思,我说错了 并不是田变成口,而是变成日这种的 只要去除表格的竖线,但是保留横线!

Re: tablepress如何只隐藏表格中间的表格线
« 回复 #3 于: 2018-07-19, 20:15:03 »
这个也是用类似的方法来处理。这里说一个特例吧。

先将表格的整体边框设为无,
程序代码: [选择]
.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 和主题的默认样式不同,可能还需要稍作其它调整。
欢迎光临水景一页

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