前段时间,设计图有背景是网格线的,开始想着直接用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;
}
是不是很简单啊