linear-gradient是CSS3.0新增一个属性，它可以用来制作渐变效果，今天我们使用它实现一个棋盘格效果，如图：
工具/原料
1
Sublime
2
HTML+CSS
方法/步骤
1
首先我们先完成一个盒子的基本样式，代码和效果如下图：
2
接下来我们开始使用linear-gradient开始渐变，这里要注意渐变的参数，添加代码后的效果如下图：
3
在原来渐变的基础上再添加一层渐变，这里面要改变渐变的方向，两重渐变执行后就实现了棋格的一个单元，代码和效果如下图：
4
这一步很关键，要实现棋盘格效果，我们只需要再添加一个background-size属性，设置一下背景的大小，最终实现我们需要的效果，代码和效果图如下图：
注意事项
1
linear-gradient的参数设置很重要，要特别意
2
background-size是实现最终效果的关键，设置了大小就可以让背景重复显示，从而达到我们的要求