CSS是網頁設計中重要的一環，它可以幫助我們更好的展示網頁中的產品信息

.product-img{
/*設置產品圖片大小*/
width: 200px;
height: auto;
/*設置圖片中心對齊*/
display: block;
margin: 0 auto;
/*添加邊框*/
border: 1px solid #ccc;
/*添加陰影*/
box-shadow: 0px 3px 3px #ccc;
/*添加動畫*/
transition: all 0.3s ease;
}
.product-img:hover{
/*放大圖片*/
transform: scale(1.2);
/*添加更深的陰影*/
box-shadow: 0px 5px 5px #bbb;
}

如上代碼，我們可以在網頁中使用CSS來展示產品圖片信息。首先，我們設置了產品圖片的大小，并讓其居中對齊。接著，我們為圖片添加了一個邊框，并在圖片周圍添加了一個淡淡的陰影。最后，我們通過CSS的transition屬性為圖片添加了一個動畫效果，使得鼠標放上去時，圖片能夠在原來的基礎上放大，并同時增加陰影效果。