我的前端工具集（七）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

　　　　　
     
            
      
资产列表加载中...
        
     

 

3.效果

 

 

 

以上！