css實現四角邊框效果

 <div
            類別=“盒子”
            v-for =“coldBaseInfo.stationModelList 中的（項目，索引）”
            ：鍵=“索引”
          >
            <div class="boxleft">
              <img :src="照片[索引]" alt="圖片"/>
            </div>

 照片： [
        需要（“@/assets/img/bigscreen/two.jpg”），
        需要（“@/assets/img/bigscreen/four.png”），
        需要（“@/assets/img/bigscreen/ Five.jpg”），
        需要（“@/assets/img/bigscreen/ten.jpg”），
      ],

 .boxleft {
  背景：線性漸變（向左，#04C886，#04C886）左上無重複，
        線性漸變（至底部，#04C886，#04C886）左上無重複，
        線性漸變（向左，#04C886，#04C886）右上無重複，
        線性漸層（到底部，#04C886，#04C886）右上無重複，
        線性漸變（向左，#04C886，#04C886）左下無重複，
        線性漸變（至底部，#04C886，#04C886）左下無重複，
        線性漸變（向左，#04C886，#04C886）右下無重複，
        線性漸變（向左，#04C886，#04C886）右下無重複；
    背景大小：2px 10px、10px 2px、2px 10px、10px 2px；
  圖像{
    寬度：100%；
    高度：100%；
    內邊距：4px；
    邊框：2px實線#7fb1c580；
  } 
}