ギザギザ(4色/横)
【css】
body{/*ギザギザ(4色横)背景*/
background-color:#68a;
background-size:20px 20px;
background-position:15px 0,10px 0,10px 0,0 0,0 0;
background-image:
linear-gradient(135deg,#fff 12.5%,transparent 12.5%,transparent 87.5%,#6ce 87.5%),
linear-gradient(-135deg,#6ce 12.5%,#fff 12.5%,#fff 25%,#07b 25%,#07b 37.5%,transparent 37.5%),
linear-gradient(135deg,#6ce 12.5%,#fff 12.5%,#fff 25%,#07b 25%,#07b 37.5%,transparent 37.5%),
linear-gradient(45deg,#fff 12.5%,#6ce 12.5%,#6ce 25%,transparent 25%),
linear-gradient(-45deg,#fff 12.5%,#6ce 12.5%,#6ce 25%,transparent 25%);
}
適宜必要なプロパティを追加してください