通过CSS生成网格线背景

前段时间，设计图有背景是网格线的，开始想着直接用svg图进行展示，后面老大不同意，说可以直接用css样式生产的，最好不要svg,加载好性能，经过尝试，css处理起来也是特别简单的：

附上代码：

.grid_line {
  width: 100%;
  height: 100%;
  text-align: center;
  color: blue;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background: -webkit-linear-gradient(top, transparent 15px, #ccc 0), -webkit-linear-gradient(left, transparent 15px, #ccc 0);
  background-size: 16px 16px;
  
}

是不是很简单啊