修复 Corepress 主题表格显示问题！

admin • • 电脑技巧

修复 Corepress 主题表格显示问题！

博客用的 Corepress Pro 主题，它确实是不可多得的一款高性能，高颜值主题。

640d7be41207a.webp_

但是目前对表格支持不是很友好，就像这样。

640d7a85f0fee.webp_

于是某位群友给出了解决方案，填加如下 css 代码：

/** 修复表格问题 */
tbody, td, tfoot, th, thead, tr {
border-color: #eee;
border-style: solid;
border-width: 0;
}
table {
min-width: auto;
max-width: 100%;
}
.cp-table {
min-height: .01%;
overflow-x: auto;
border: unset;
}

.cp-table table>:not(caption)>* {
border-width: 1px 0;
}
.cp-table table>:not(caption)>*>* {
padding: 0.5rem;
border-bottom-width: 1px;
box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
border-width: 0 1px;
text-align: center;
}

.cp-table table td{
border: 1px solid #eee;
}
.cp-table table>:not(caption)>*>th {
border-bottom: 2px solid var(--Maincolor);
}

 

修复后效果如图：

640d7af153cb7.webp_

学习资料见知识星球。

以上就是今天要分享的技巧，你学会了吗？若有什么问题，欢迎在下方留言。

快来试试吧，小琥 my21ke007。获取 1000个免费 Excel模板福利​​​​！

更多技巧， www.excelbook.cn

欢迎 加入 零售创新 知识星球，知识星球主要以数据分析、报告分享、数据工具讨论为主；

电商数据分析360°实战攻略！

你将获得：

1、价值上万元的专业的PPT报告模板。

2、专业案例分析和解读笔记。

3、实用的Excel、Word、PPT技巧。

4、VIP讨论群，共享资源。

5、优惠的会员商品。

6、一次付费只需99元，即可下载本站文章涉及的文件和软件。

文章版权声明 1、本网站名称：Excelbook
2、本站永久网址：http://www.excelbook.cn
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长王小琥进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报。
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END
分享
二维码
< <上一篇
下一篇>>