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属性为图片添加了一个动画效果，使得鼠标放上去时，图片能够在原来的基础上放大，并同时增加阴影效果。