css linear-grandient实现棋盘图案 简版

.qipanLinear{

margin-top:10px;

margin-bottom:10px;

width:200px;

height: 200px;

background:#eee;

background-image:linear-gradient(45deg,#ccc 25%,transparent 0),

linear-gradient(45deg,transparent 75%,#ccc 0),

linear-gradient(45deg,#ccc 25%,transparent 0),

linear-gradient(45deg,transparent 75%,#ccc 0);

background-size:30px 30px;

background-position: 0 0,15px 15px,15px 15px,30px 30px;

}
--------------------- 
作者：小萌丹 
来源：CSDN 
原文：https://blog.csdn.net/qq_37029814/article/details/81877080 
版权声明：本文为博主原创文章，转载请附上博文链接！