css 网格背景

作者: Sasoli | 来源:发表于2019-04-09 16:00 被阅读0次

background: linear-gradient(45deg, rgba(64, 132, 246, .3) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, .1) 0),
            linear-gradient(45deg, rgba(64, 132, 246, .3) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, .1) 0);
background-size: 30px 30px;
background-color: #eee;
background-position: 0 0,15px 15px;

屏幕快照 2019-04-09 15.27.00.png

background: linear-gradient(90deg,rgba(200,0,0,.5) 50%,transparent 0),
            linear-gradient(rgba(200,0,0,.5) 50%,transparent 0);
background-size:30px 30px;

屏幕快照 2019-04-09 15.28.00.png

background: linear-gradient(top,transparent 4px,rgba(64,132,246,.3) 5px),
            linear-gradient(left,transparent 4px,rgba(64,132,246,.3) 5px);
background-size: 5px 5px;

屏幕快照 2019-04-09 15.29.53.png