CSS3快速编格子背景

双色格子背景，大家平时都使用背景片来制作，这里为大家提供一种CSS3编辑的格子背景，你只需要将下面的代码换成你自己需要的颜色就可以实现各种各样的格子背景。

background-color: white;
background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), 
    linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
background-size:100px 100px;
background-position: 0 0, 50px 50px;

效果如下所示：