在現代網絡中，網站展示已變得越來越重要，而相冊作為圖片展示的常見形式，常常被用于網站的設計當中。HTML/CSS是網站編程的重要部分，接下來我們將介紹如何使用HTML/CSS來制作一個簡單的相冊。

首先，我們需要準備好HTML結構。使用一個div作為相冊的外層容器，并在其中使用ul和li標簽來創建照片列表。以下是示例代碼：

<div class="album">
<ul>
<li><img src="photo1.jpg" alt="photo1"></li>
<li><img src="photo2.jpg" alt="photo2"></li>
<li><img src="photo3.jpg" alt="photo3"></li>
<li><img src="photo4.jpg" alt="photo4"></li>
</ul>
</div>

接下來，我們需要在CSS中設置相冊的樣式，包括容器寬度、圖片大小以及每個照片之間的間距。以下是示例代碼：

.album {
width: 80%;
margin: 0 auto;
}
.album ul {
list-style: none;
padding: 0;
margin: 0;
}
.album li {
display: inline-block;
margin: 10px;
}
.album img {
width: 300px;
height: 200px;
}

這段CSS代碼將相冊容器的寬度設置為80%，并將其居中對齊。ul標簽和li標簽的樣式都被重置，圖片的大小被設置為300像素寬、200像素高。

最后，我們可以在相冊中添加一些鼠標懸停時的動畫效果，以給用戶更好的體驗。以下是示例代碼：

.album li:hover {
transform: scale(1.1);
}
.album img {
transition: transform 0.5s ease;
}

這段CSS代碼將li標簽的transform樣式設為在懸停時使圖片放大1.1倍，img標簽的transform樣式則被設置為產生0.5秒的過渡效果。

以上就是制作一個簡單相冊的HTML/CSS代碼，可以根據具體需要自定義樣式及動畫效果。希望通過以上介紹，讀者可以更好的運用HTML/CSS打造出高質量的網站頁面。