Beispielcode zur Implementierung einer QR-Code-Scanbox mit CSS

<div Klasse="Bildbox">
    <img class="code" src="https://image-static.segmentfault.com/149/570/149570997-5b987cc928d69_articlex">
</div>

.img-box {
  Hintergrund: linearer Farbverlauf (#ae0000, #ae0000) links oben,
    linear-gradient(#ae0000, #ae0000) links oben,
    linear-gradient(#ae0000, #ae0000) rechts oben,
    linear-gradient(#ae0000, #ae0000) rechts oben,
    linear-gradient(#ae0000, #ae0000) rechts unten,
    linear-gradient(#ae0000, #ae0000) rechts unten,
    linear-gradient(#ae0000, #ae0000) links unten,
    linearer Gradient (#ae0000, #ae0000) links unten;
  Hintergrundwiederholung: keine Wiederholung;
  Hintergrundgröße: 2px 20px, 20px 2px;
  Höhe: 116px;
  Breite: 116px;
}        
.code {
    Höhe: 110px;
    Breite: 110px;
    Rand oben: 2px;
    Rand links: 2px;
    Rand: 1px durchgezogen #ae0000;
}