使用CSS

Question

我希望在图像周围放置边框 - 就像相框图像一样。是否有捷径可寻？我纯粹使用CSS，理想情况下我想在边缘重新创建45度连接并尽可能逼真。这里的障碍是图像大小是可变的。

Answer 1

在某些时候，您可以使用CSS3 http://border-image.com/生成器。

Answer 2

我找到了这个网页：http://cssdeck.com/labs/picture-frame-using-box-shadows

运行下面的代码段以查看其工作原理。它纯粹是CSS，没有HTML，也没有涉及JS。使用"\\n"属性完成效果。当然，使用您的代码，您需要包含HTML并设置图像的大小（或保持它们的百分比 - 即100％），然后稍微调整一下代码。效果已创建并适用于不同大小的图像，您只需将插入颜色值更改为首选样式。

box-shadow

P.S。要进一步设置照片样式，您可以添加斜角效果。谷歌（或你喜欢的任何搜索引擎）如果你自己不熟悉它怎么做，当我搜索“CSS图像斜面”时，有很多资源可用，并且存在很多创建效果的方法。

希望这就是你要找的！享受！