CSS中，圖片展示類型可以通過background-image或者img標簽實現。以下是常見的幾種圖片展示類型：

/* 1. 背景圖片 */
.background-image {
background-image: url('path/to/image.jpg');
background-repeat: no-repeat;
background-size: cover;
}
/* 2. 響應式圖片 */
.img-responsive {
max-width: 100%;
height: auto;
}
/* 3. 圓形圖片 */
.circular-image {
border-radius: 50%;
}
/* 4. 縮略圖 */
.thumbnail {
box-sizing: border-box;
width: 200px;
height: 200px;
overflow: hidden;
}
.thumbnail img {
width: 100%;
height: auto;
object-fit: cover;
}
/* 5. 瀑布流 */
.waterfall-container {
columns: 3;
column-gap: 10px;
}
.waterfall-item {
break-inside: avoid;
padding-bottom: 10px;
}

以上是常見的幾種圖片展示類型，可以根據實際需求選擇合適的方式展示圖片。