个人前端工具集（七）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.效果

 

 

 

以上！