CSS定義五個(gè)圖片框

/* 定義圖片框 */
.image-box {
width: 200px;
height: 200px;
border: 1px solid #ccc;
margin: 10px;
box-sizing: border-box;
}

第一個(gè)圖片框

/* 第一個(gè)圖片框 */
.image-box-1 {
background-image: url('圖片1.jpg');
background-size: cover;
}

第二個(gè)圖片框

/* 第二個(gè)圖片框 */
.image-box-2 {
background-image: url('圖片2.jpg');
background-size: cover;
}

第三個(gè)圖片框

/* 第三個(gè)圖片框 */
.image-box-3 {
background-image: url('圖片3.jpg');
background-size: cover;
}

第四個(gè)圖片框

/* 第四個(gè)圖片框 */
.image-box-4 {
background-image: url('圖片4.jpg');
background-size: cover;
}

第五個(gè)圖片框

/* 第五個(gè)圖片框 */
.image-box-5 {
background-image: url('圖片5.jpg');
background-size: cover;
}