html做简易相册

要做一个简易相册，可以使用HTML和CSS来实现。

首先，我们需要一个容器来装载所有的照片。可以使用一个div元素来作为容器，并设置一个class属性来命名它。

<div class="photo-gallery"></div>

接着，在CSS中给这个容器设置一些基本样式，比如宽度、高度、边框等等。

.photo-gallery {
  width: 600px;
  height: 400px;
  border: 1px solid #ccc;
}

接下来，我们需要添加照片。可以使用img元素来添加照片，但要注意给每个照片都设置一个class属性来方便后续的样式控制。

<div class="photo-gallery">
  <img src="photo1.jpg" class="photo">
  <img src="photo2.jpg" class="photo">
  <img src="photo3.jpg" class="photo">
</div>

接着，在CSS中为每个照片设置样式，比如宽度、高度、边框等等。还可以使用float属性来让照片横向排列。

.photo {
  width: 200px;
  height: 200px;
  border: 1px solid #ccc;
  float: left;
  margin: 10px;
}

最后，可以在CSS中添加一些鼠标悬停样式或者点击样式，让相册更加炫酷。

.photo:hover {
  opacity: 0.7;
}
.photo:active {
  transform: scale(0.95);
}

通过以上步骤，就可以制作出一个简单的相册了。当然，如果想要更加丰富多彩的相册，还可以添加一些JavaScript特效来实现。