共计 586 个字符,预计需要花费 2 分钟才能阅读完成。
针对默认表格样式做了调整,调整后效果如下
表头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属性和样式根据自己主题的情况修改
正文完