CSS圓形照片墻是一種常見的網(wǎng)頁設(shè)計方法，可以讓照片更好地呈現(xiàn)出來，并增加頁面美感。下面我們來介紹如何用CSS實現(xiàn)這種效果。

/* HTML部分 */
<div class="photo-wall">
<div class="photo"></div>
<div class="photo"></div>
<div class="photo"></div>
<div class="photo"></div>
<div class="photo"></div>
</div>
/* CSS部分 */
.photo-wall {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 500px;
}
.photo {
width: 100px;
height: 100px;
border-radius: 50%;
margin: 10px;
background-image: url(照片地址);
background-size: cover;
}

通過上面的代碼，我們使用了flex布局，讓照片在一行內(nèi)自動換行，同時讓它們居中對齊。每張照片都設(shè)置了一個圓形的邊框，然后通過給背景圖片設(shè)置大小來填充到圓形的邊緣。

如果需要添加鼠標懸停效果，可以使用:hover偽類，讓照片變亮或者浮動。

.photo:hover {
opacity: 0.8;
box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 6px 20px rgba(0,0,0,0.2);
}

CSS圓形照片墻可以應(yīng)用于各種網(wǎng)頁設(shè)計，如個人博客，攝影網(wǎng)站等。通過不同的布局和樣式調(diào)整，你可以為你的網(wǎng)站定制自己獨特的風(fēng)格。