• 首页 >前端框架 >Layui 教程

    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-600

    相关文章

    ultraEdit怎么设置背景颜色?

    ultraEdit怎么设置背景颜色?

    阅读(9249)评论(0)推荐()

    ultraEdit怎么设置背景颜色?ultraEdit默认的背景色不是很喜欢,想要更换一下背景色,该怎么更换呢?下面我们就来看看详细的教程,需要的朋友可以参考下

    FineReport多图怎么设置背景色?

    FineReport多图怎么设置背景色?

    阅读(2605)评论(0)推荐()

    FineReport多图怎么设置背景色?FineReport中会做的四个图标进行布局,想要设置背景色,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参...