layui设置table背景色的方法是什么

本文环境:

  • windows10、layui2.5.6

  • 本文适用于所有品牌的电脑

layui设置table的背景色的方法:

添加以下内容到指定CSS文件,并引入项目即可生效

/* 偶数行背景色 */
.layui-table[lay-even] tr:nth-child(even) {    
/* background-color: #aaffaa; */
    background-color: #eeffee;
}
/* 鼠标指向表格时,奇数行背景颜色 */
.layui-table tbody tr:hover,.layui-table-hover {    
background-color: #eeffee;
}
/* 表格头部工具栏背景色 */
.layui-table-tool {    
background-color: #eeffee;
}
/* 表格头部背景色 */
th {    
background-color: #359f6a; 
/* MediumSeaGreen */
    color: #fff;    
    font-weight: bold
}

实现效果:

6167073914285aab8b853bbbdaa1cfb.png

以上就是layui设置table背景色的方法是什么的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » Layui 教程

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏