我希望能够为图像添加一个类，从而添加一个边框，使它们看起来像一堆照片。有人知道怎么做吗？

说明：理想情况是类似于此处显示的堆栈，但是它不需要是交互式的，只需要处理一张照片即可。如果需要的话，我也不介意使用javascript(尽管首选jQuery)。

解决方案

将IMG标签放置在一组嵌套的DIV元素内(div的数量将确定堆栈中照片的数量)。然后使用CSS设置边框和内边距，以使DIV元素逐渐变得比照片大。通常，我们将在底部和右侧添加更多填充。

"深度"影响可能是某种阴影。我们是否还需要旋转照片以获得"凌乱的照片堆"效果，还是要寻找"整齐的堆叠"外观？

在我看来，"乱七八糟的照片堆"效果可分为三个部分：

• 在图片后面放置背景，以显示"宝丽来"外观(在其他注释中说明)
• 在图像后面放置阴影以获得"深度"效果(上面和其他注释中都有说明)
• 旋转图像。我从来没有自己做过，但似乎有人编码了我们要查找的Jquery插件。

CSS3现已得到所有人的支持，但是我们可能需要研究border-image。

在图像周围放置一个div，然后定义2种样式。

<div class="img-shadow"><img ...></div>

.img-shadow {style.css (line 456)
background-color:#505050;
float:left;
margin:5px 0 0 0;
}
.img-shadow img {style.css (line 461)
background-color:#FFFFFF;
border:3px solid #000000;
display:block;
margin:-8px 8px 8px -8px;
padding:10px;
position:relative;
}

在.img-shadow类中，为背景定义一个图形，该图形对于图像来说足够大，看起来像一堆照片。上面的内容使照片看起来像是在投射阴影。