最新公告
  • 欢迎您光临AA分享网,一个高级程序员的学习、分享的分享平台!立即加入我们
  • 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背景色的方法是什么的详细内容,更多请关注其它相关文章!

    AA分享网一个高级程序员的学习、分享的IT资源分享平台
    AA分享网-企业网站源码-PHP源码-网站模板-视频教程-IT技术教程 » layui设置table背景色的方法是什么
    • 257会员总数(位)
    • 5897资源总数(个)
    • 8本周发布(个)
    • 0 今日发布(个)
    • 539稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情