縦横縞模様

border: 0.3vw solid #000; background-image:
repeating-linear-gradient(
0deg,/*水平との角度*/
#000 ,/*元の色*/
#000 1px,/*元の色の幅*/
transparent 1px,/*グラデーション幅*/
transparent 32px/*繰り返しの間隔*/),
repeating-linear-gradient(
90deg,/*水平との角度*/
#000 ,/*元の色*/
#000 1px,/*元の色の幅*/
#fff 1px,/*グラデーション幅*/
#fff 32px/*繰り返しの間隔*/);

縦横縞模様2

background-color:#888;
background-image:
repeating-linear-gradient(
0deg,
#000 ,
#000 1px,
#fff 1px,
#fff 32px),
repeating-linear-gradient(
90deg,
#000 ,
#000 1px,
transparent 1px,
transparent 32px);