.bg4{
  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/*繰り返しの間隔*/);
    }
.bg5{
    background-image:
    repeating-linear-gradient(
    30deg,/*水平との角度*/
      #000 ,/*元の色*/
      #000 1px,/*元の色の幅*/
      transparent 1px,/*グラデーション幅*/
      transparent 8px/*繰り返しの間隔*/),
    repeating-linear-gradient(
      -30deg,/*水平との角度*/
      #000 ,/*元の色*/
      #000 1px,/*元の色の幅*/
      #fff 1px,/*グラデーション幅*/
      #fff 8px/*繰り返しの間隔*/);
    }