相冊是一種常見的網頁元素，而前端css可以讓相冊更加美觀，實現更多效果。在制作相冊時，可以使用css中的一些技巧和屬性，使得相冊更加華麗。

.gallery {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.gallery img {
margin-bottom: 20px;
width: calc(33.333% - 10px);
border-radius: 8px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

上述代碼就是一個簡單的相冊樣式，通過flex布局，實現了圖片自適應寬度，同時加上了圓角和陰影效果，讓相冊更加美觀。但是如果需要實現更多效果，還需要更多的css技巧。

例如，當鼠標懸停在圖片上時，可以加上一些動畫效果。使用css的transform屬性和transition屬性，可以實現圖片縮小以及陰影、邊框的漸變效果。

.gallery img:hover {
transform: scale(0.9);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
border: 2px solid #fff;
}
.gallery img:active {
transform: scale(0.8);
box-shadow: none;
border: none;
}

以上代碼中，當鼠標懸停時，圖片會縮小0.9倍，并同時實現陰影和邊框的漸變效果。當圖片被點擊時，也實現了縮小效果，但是陰影和邊框都消失了。

當然，還可以使用更多css技巧，如旋轉、動畫等，來實現更復雜的相冊效果。但是要注意，過多的樣式和效果會降低網頁的性能，應該根據實際情況進行選擇。