CSS pour obtenir un effet de bordure aux quatre coins

 <div
            classe = "boîte"
            v-for="(élément, index) dans coldBaseInfo.stationModelList"
            :key="index"
          >
            <div class="boxleft">
              <img :src="photo[index]" alt="Image" />
            </div>

 photo: [
        require("@/assets/img/bigscreen/two.jpg"),
        require("@/assets/img/bigscreen/four.png"),
        require("@/assets/img/bigscreen/five.jpg"),
        require("@/assets/img/bigscreen/ten.jpg"),
      ],

 .boxgauche {
  arrière-plan : dégradé linéaire (à gauche, #04C886, #04C886) en haut à gauche sans répétition,
        dégradé linéaire (vers le bas, #04C886, #04C886) en haut à gauche sans répétition,
        dégradé linéaire (à gauche, #04C886, #04C886) en haut à droite sans répétition,
        dégradé linéaire (vers le bas, #04C886, #04C886) en haut à droite sans répétition,
        dégradé linéaire (à gauche, #04C886, #04C886) en bas à gauche sans répétition,
        dégradé linéaire (vers le bas, #04C886, #04C886) en bas à gauche sans répétition,
        dégradé linéaire (à gauche, #04C886, #04C886) en bas à droite sans répétition,
        dégradé linéaire (à gauche, #04C886, #04C886) en bas à droite sans répétition ;
    taille de l'arrière-plan : 2px 10px, 10px 2px, 2px 10px, 10px 2px ;
  img {
    largeur : 100 % ;
    hauteur : 100 % ;
    remplissage : 4 px ;
    bordure : 2px solide #7fb1c580 ;
  } 
}