ギザギザ(線)
透過処理してあるので『steelblue』(１箇所)をお好きな色(白以外)にすれば色を変えられます。
【css】
body{/*ギザギザ(線)の背景*/
background-color:steelblue;/*背景の色*/
background-size:20px 20px;
background-image:
linear-gradient(-135deg,transparent 10%,#fff 10%,#fff 15%,transparent 15%),
linear-gradient(135deg,transparent 10%,#fff 10%,#fff 15%,transparent 15%),
linear-gradient(-45deg,transparent 10%,#fff 10%,#fff 15%,transparent 15%),
linear-gradient(45deg,transparent 10%,#fff 10%,#fff 15%,transparent 15%),
linear-gradient(-135deg,transparent 10%,#fff 10%,#fff 15%,transparent 15%),
linear-gradient(135deg,transparent 10%,#fff 10%,#fff 15%,transparent 15%),
linear-gradient(-45deg,transparent 10%,#fff 10%,#fff 15%,transparent 15%),
linear-gradient(45deg,transparent 10%,#fff 10%,#fff 15%,transparent 15%);
background-position:
10px 0px,10px 0px,0px 0px,0px 0px,
10px 10px,10px 10px,0px 10px,0px 10px;
}
適宜必要なプロパティを追加してください