WordPress默认表格样式美化

1,103次阅读
没有评论

共计 586 个字符,预计需要花费 2 分钟才能阅读完成。

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属性和样式根据自己主题的情况修改
正文完
 
World
版权声明:本站原创文章,由 World 2023-03-08发表,共计586字。
转载说明:此文章非本站原创文章,若需转载请联系原作者获得转载授权。
评论(没有评论)