用自定义CSS,表格显示不全。
« 于: 2016-05-31, 13:12:10 »
现在的表格如下:
表格地址:http://fenxiangxiaozhan.com/2016/05/28/dian-lan-zai-liu-liang-a/
行列都有实线的代码如何更改?

TablePress自定义代码插入如下:
/* 表格边框 */
.tablepress-id-1,
.tablepress-id-1 tr,
.tablepress-id-1 tbody td,
.tablepress-id-1 thead th,
.tablepress-id-1 tfoot th {
   border: 1px solid #666666; /* 颜色 */
}
« 最后编辑时间: 2016-06-01, 17:56:50 作者 lonelicloud »

Re: 用自定义CSS,表格显示不全。
« 回复 #1 于: 2016-05-31, 16:33:03 »
如果要让该表格的所有边框都显示的话,只设定 th td 就可以了,但是需要覆盖 TablePress 默认的样式。

试试这个吧:
程序代码: [选择]
.tablepress-id-1 th,
.tablepress-id-1 td {
    border: 1px solid #666666 !important;
}

你给我的链接是预览链接,我是没有权限查看的。
欢迎光临水景一页

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

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

Re: 用自定义CSS,表格显示不全。
« 回复 #2 于: 2016-05-31, 16:43:16 »
不好意思,重新上地址:http://fenxiangxiaozhan.com/2016/05/28/dian-lan-zai-liu-liang-a/
代码重新粘贴成你给的了 ,还是没有任何改变

Re: 用自定义CSS,表格显示不全。
« 回复 #3 于: 2016-06-01, 02:53:14 »
你给的这个表格是 id 为 7 的表格,我给的代码是针对 id 为 1 的表格。所以你需要把里面的 tablepress-id-1 中的 1 改成 7 才对这个有效果。

如果你希望所有的表格都用这种样式,可以用下面的,

程序代码: [选择]
.tablepress th,
.tablepress td {
    border: 1px solid #666666 !important;
}
欢迎光临水景一页

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

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

Re: 用自定义CSS,表格显示不全。
« 回复 #4 于: 2016-06-01, 08:14:50 »
已经解决,谢啦。html代码刚开始看,好多都不懂什么含义。。。。

Re: 用自定义CSS,表格显示不全。
« 回复 #5 于: 2016-06-01, 17:58:22 »
不客气,大家都是这样学习过来的。
P.S. 如果能将帖子的前缀改成“[已解决]“就好了,可以省我一些时间 —— 已改 :D
欢迎光临水景一页

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

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