css3 實現網格背景

最初方案是，使用圖片平鋪實現，純css3怎麼實現，如下：
HTML:
<div class="div"></div>
css:
.div {
width: 600px;
height: 300px;
background-image: linear-gradient(90deg, rgba(180, 180, 180, 0.15) 10%, rgba(0, 0, 0, 0) 10%),
                                   linear-gradient(rgba(180, 180, 180, 0.15) 10%, rgba(0, 0, 0, 0) 10%); background-size: 10px 10px;

}