Wordpress默认表格样式美化

针对默认表格样式做了调整，调整后效果如下

表头1	表头2	表头3	表头4
内容测试	内容测试	内容测试	内容测试
内容测试	内容测试	内容测试	内容测试

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

 

class属性和样式根据自己主题的情况修改