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

 

 

 

以上！