我的前端工具集（七）div背景网格

我的前端工具集（七）div背景网格

 

liuyuhang原创，未经允许禁止转载

有时候总觉得div颜色过于白，于是给了10%的灰

但是并不一定能解决问题，因为页面中会有不均衡的空白处，导致大面积灰有些暗淡

于是想给div背景加上网格

1.css代码

.gridbackground { /*网格背景*/
    /*90度直线，100灰度，0.1透明度，5%宽度，0透明度背景*/
    background: linear-gradient(90deg, rgba(100, 100, 100, 0.1) 5%, transparent 0), 
    /*0度直线，100灰度，0.1透明度，5%宽度，0透明度背景*/
                 linear-gradient(rgba(100, 100, 100, 0.1) 5%, transparent 0);
    /*横纵向宽距*/
    background-size: 20px 20px;
}

2.指定div中的class

　　　　　<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 stripe" id="assetShowTree">
            <h4>资产列表加载中...</h4>
        </div>

3.效果

以上！