CSS是一種用于樣式化網頁的語言，它廣泛應用于網頁設計和開發中，特別是在設計相冊時。在這篇文章中，我們將介紹如何使用CSS來填充相冊圖片。
首先，我們需要在HTML文件中為相冊的每個圖片創建一個div容器。例如，我們可以使用以下代碼：

<div class="photo">
<img src="photo1.jpg" alt="">
</div>

接下來，我們可以使用CSS設置每個圖片的樣式，其中包括填充和邊距。例如，我們可以使用以下代碼：

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

在這里，我們使用了float屬性將每個圖片設置為浮動元素，以便在頁面上對齊。我們還使用margin屬性設置圖像之間的間距和padding屬性設置圖像內部的間距。最后，我們使用border屬性設置圖像周圍的邊框。
此時，我們的相冊可能看起來有點空蕩。因此，我們可以使用CSS的background屬性為每個圖片添加背景圖像。例如，我們可以使用以下代碼：

.photo {
float: left;
margin: 10px;
padding: 10px;
border: 1px solid #ccc;
background-image: url(photo1.jpg);
background-size: cover;
background-position: center center;
}

在這里，我們使用background-image屬性將圖片設置為相冊容器的背景圖像。我們還使用background-size屬性將圖像調整為填充整個容器，并使用background-position屬性將圖像居中。
現在，我們可以在CSS中為每個圖片使用不同的背景圖像，以創建一個完整的相冊。例如，我們可以使用以下代碼：

.photo:nth-child(1) {
background-image: url(photo1.jpg);
}
.photo:nth-child(2) {
background-image: url(photo2.jpg);
}
.photo:nth-child(3) {
background-image: url(photo3.jpg);
}
...

在這里，我們使用nth-child偽類為每個圖片設置不同的背景圖像。我們只需更改每個圖片的編號即可。
在本文中，我們介紹了如何使用CSS填充相冊圖片。我們使用了float、margin、padding、border和background屬性來設置每個圖片的樣式，并使用nth-child偽類為每個圖片設置不同的背景圖像。通過這些技術，我們可以輕松創建出一個美觀的相冊。