layui调整表格样式

引入即可

注意 &＃xff1a;

要在引入layui.css的后面引入才生效

/*layui表格样式设置*/.layui-table[lay-even] tr:nth-child(even) {background-color: #32426d;
}/*鼠标指向表格时,奇数行背景颜色*/
.layui-table tbody tr:hover, .layui-table-hover {background-color: #17295a;
}/* 表格头部工具栏背景色 */
.layui-table-tool {background-color: #32426d;
}/*设置表格单元格线样式*/
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin&＃61;line], .layui-table[lay-skin&＃61;row] {border-color: #263765; /*#bbb*/
}/*layui table 行高*/
.layui-table-cell {height: 18px;line-height: 18px;
}/* 表格头部背景色 */
th {background-color: #263765; /* MediumSeaGreen */color: #fff;font-weight: bold
}.layui-table-init{background-color: #263765;
}tr {background-color: #17295a; /* MediumSeaGreen */color: #fff;
}td {color: #fff;
}