html - 如何在图像的所有四个边上放置阴影？

Question

<分区>

Answer 1

这会给你所有 4 个面的阴影:

div.shadow {
    -moz-box-shadow: 0px 0px 10px #000;
    -webkit-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
}

JSFiddle

前两个 0px 表示阴影不会显式地向左/右或上/下突出。 10px 使其足够模糊以突出所有边缘。 #000 是阴影的颜色。您可以随意使用它以获得您喜欢的外观。