CSS-Rahmen fügt Implementierungscode für vier Ecken hinzu

<div Klasse="loginbody">
          <div Klasse="border_corner border_corner_left_top"></div>
          <div Klasse="border_corner border_corner_right_top"></div>
          <div Klasse="border_corner border_corner_left_bottom"></div>
          <div Klasse="border_corner border_corner_right_bottom"></div>

     <--anderes……………………-->
 </div>

.loginbody{
        Rand: 1px durchgezogen #21a7e1;
        Kastenschatten: 5px 5px 10px 10px rgba (24,68,124,0,4);
        Polsterung oben: 20px;
        Rahmenradius: 6px;
        Position: relativ;
      }

      /*Vier-Eck-Rahmen*/
      .border_corner{
        Z-Index: 2500;
        Position: absolut;
        Breite: 19px;
        Höhe: 19px;
        Hintergrund: rgba(0,0,0,0);
        Rand: 4px durchgezogen #1fa5f1;
      }
      .border_corner_left_top{
        oben: -2px;
        links: -2px;
        Rand rechts: keiner;
        Rahmen unten: keiner;
        Rahmen oben links – Radius: 6px;
      }
      .border_corner_right_top{
        oben: -2px;
        rechts: -2px;
        Rand links: keiner;
        Rahmen unten: keiner;
        Rahmen oben rechts – Radius: 6px;
      }
      .border_corner_left_bottom{
        unten: -2px;
        links: -2px;
        Rand rechts: keiner;
        oberer Rand: keiner;
        Rahmen unten links – Radius: 6px;
      }
      .border_corner_right_bottom{
        unten: -2px;
        rechts: -2px;
        Rand links: keiner;
        oberer Rand: keiner;
        Rahmen unten rechts – Radius: 6px;
      }