css 相片列表 多个

如果您想要创建一个 CSS 相册列表，可以使用以下代码作为起点：

HTML 代码：

<div class="gallery">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
  <img src="image3.jpg" alt="Image 3">
  <img src="image4.jpg" alt="Image 4">
  <img src="image5.jpg" alt="Image 5">
</div>

CSS 代码：

.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.gallery img {
  max-width: 100%;
  margin: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

这个示例将把所有图片放在一个包含 class 为 "gallery" 的 div 中，并使用 flexbox 布局使其成为一个相册列表。每张图片都被设置为最大宽度为 100%，并带有一个 10px 的 margin 和一个淡淡的阴影效果。

您可以通过添加其他 CSS 样式来自定义您的相册列表，例如更改背景颜色、边框样式、字体和大小等等。