CSS可以通過使用有序和無序列表來創建照片墻。列表允許我們輕松地在網頁上放置圖像，并且無需使用任何其他標記呈現它們。而且，它們還可以使網站易于維護。

<ul>
<li><img src="photo1.jpg"></li>
<li><img src="photo2.jpg"></li>
<li><img src="photo3.jpg"></li>
<li><img src="photo4.jpg"></li>
<li><img src="photo5.jpg"></li>
</ul>

這是一個簡單的無序列表，包含五個圖像。默認情況下，列表周圍會有一些默認的樣式，例如小圓點和一些間距。我們可以使用CSS樣式來完全自定義列表的外觀。

ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
width: 200px;
height: 200px;
margin: 10px;
background-size: cover;
background-position: center center;
}
li:nth-child(1) {
background-image: url(photo1.jpg);
}
li:nth-child(2) {
background-image: url(photo2.jpg);
}
li:nth-child(3) {
background-image: url(photo3.jpg);
}
li:nth-child(4) {
background-image: url(photo4.jpg);
}
li:nth-child(5) {
background-image: url(photo5.jpg);
}

在這個CSS樣式中，我們使用了一些屬性來自定義無序列表的外觀。首先，我們將小圓點去掉并將上下和左右的間距設置為0。我們還將每個列表項設置為display: inline-block。這將使它們水平排列，并允許我們在后面設置寬度和高度。

接下來，我們設置每個列表項的寬度和高度為200px。我們還將它們的每個邊緣的外部邊距設置為10px，這樣它們之間就有一點間距了。我們還將每個列表項的背景大小設置從原始大小縮放到封面大小，這將使圖像填滿列表項并保持縱橫比。最后，我們將每個列表項的背景位置設置為居中，這將使圖像在各個列表項內居中對齊。

最后，我們使用: nth-child偽類來為每個列表項設置不同的背景圖像。這允許我們為每個列表項使用不同的圖像。只需替換文件名即可使用不同的圖像，而無需添加更多的HTML標記。

這是一個通過使用列表來制作照片墻的基本方法。通過使用CSS，我們可以自定義列表項以及它們包含的圖像的外觀，使我們的網頁更加個性化而美觀。