CSS技術使得攝影模板設計更加美觀和易于使用。

.gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.gallery img {
width: 200px;
height: 200px;
object-fit: cover;
margin: 10px;
box-shadow: 1px 1px 5px #ccc;
}
.gallery img:hover {
transform: scale(1.2);
transition: 0.3s;
}
@media screen and (max-width: 768px) {
.gallery img {
width: 150px;
height: 150px;
}
}

上面這個CSS代碼塊創建了一個名為gallery的類，用于網頁上的圖片顯示。

該類使用了flex布局，這使得圖片以可定制的方式排列在頁面上。

圖片被限制在200x200像素的大小，并使用box-shadow屬性添加了微妙的陰影效果。

當用戶將鼠標懸停在圖片上時，transform屬性可將圖片放大到1.2，從而添加更多交互效果。

上述CSS類還包含一個響應式設計，以確保在移動設備上圖片大小適當。

使用CSS技術創建網頁可以使攝影愛好者更好地向公眾展示他們的作品，并能夠通過這些技術定制他們的攝影模板。