为什么你不能用这样的东西创建格仔背景？
background-color:#ccc; background-image:linear-gradient(90deg,transparent 50%,#aaa 50%),linear-gradient(90deg,#aaa 50%,#ccc 50%); background-size:50px 50px,50px 50px; background-position:0 0,0 25px;
这个想法是在条纹方块的底部层叠交替的颜色.它不起作用,但它似乎应该.
解决方法
经过大量的游戏并尝试以其他方式做到这一点,我实际上明白你想做什么:-).而你实际上非常接近.你有一个问题：你的渐变都有90度,所以他们互相覆盖.此外,不需要背景颜色,因为背面的渐变没有任何透明度,它涵盖了一切.
html {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
}
body {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
background-image:linear-gradient(0deg,0 25px;
}
另请参阅这篇有关如何创建适当棋盘的精彩文章：http://lea.verou.me/2011/02/checkerboard-pattern-with-css3/
