前军教程网

纯css 绘制网格线背景，代码如下：

.grid {
	/* 网格单个格子大小 */
	background-size: 35px 35px;
	background-image:
	/* 横线 */
	linear-gradient(0, #e6e6e6 1px, transparent 1px),
	/* 竖线 */
	linear-gradient(90deg, #e6e6e6 1px, transparent 1px);
}

效果如下:

也可以变化一下，将竖线的颜色改为背景同色，制作笔记本横线

.grid {
	/* 网格单个格子大小 */
	background-size: 35px 35px;
	background-image:
	/* 横线 */
	linear-gradient(0, #e6e6e6 1px, transparent 1px),
	/* 竖线 */
	linear-gradient(90deg, #fff 1px, transparent 1px);
}