照片墻是一個很好看的頁面元素，那么怎么用CSS設置照片墻呢？下面就為大家詳細講解：

/*照片墻的樣式*/
.photo-wall{
display: flex;
flex-wrap: wrap;
}
.photo-img{
width: 150px;
height: 150px;
margin: 10px;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
overflow: hidden;
}
.photo-img img{
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .5s ease;
}
.photo-img:hover img{
transform: scale(1.1);
}

首先，我們需要創建一個類為photo-wall的div元素，這個div元素要使用Flexbox布局，并使用flex-wrap屬性讓其內部的圖片元素自動換行排列。

接下來，我們創建一個類為photo-img的div元素，它的寬高都設置為150px，并設置一個10px的外邊距，讓照片之間有適當的間隔。而且還設置了圓角和陰影，讓圖片看起來更加美觀。

我們在photo-img中嵌套一張img元素，寬高設置為100%并設置object-fit: cover，讓圖片自適應填充父容器，并保持比例不變。

為了讓圖片更加活潑，我們添加了hover效果，當鼠標滑過圖片時，圖片進行縮放并從1.0到1.1逐漸變大，增添了頁面的動態感。

這就是用CSS設置照片墻的完整方法，通過簡單的設置，我們可以輕松實現一個美觀的照片墻。