縦縞模様


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

縦縞模様2

黒線を太くします。
background-image:
repeating-linear-gradient(
90deg,/*水平との角度*/
#000 ,/*元の色*/
#000 12px,/*元の色の幅*/
#fff 1px,/*グラデーション幅*/
#fff 24px/*繰り返しの間隔*/);

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

縦縞模様3

グラデーションをかけます。
background-image:
repeating-linear-gradient(
90deg,/*水平との角度*/
#000 0px,/*元の色*/
#fff 24px/*繰り返しの間隔*/);

repeating-linear-gradient(
background-image:
repeating-linear-gradient(
90deg,/*水平との角度*/
#000 0px,/*元の色*/
#fff 24px/*繰り返しの間隔*/);