CSS 3图像阴影

Question

这里的任何人都可以告诉我在CSS中使用阴影处理图像（而不是div框）的最有效和最简单的方法是什么？任何帮助将非常感激。谢谢！

Answer 1

为图片添加样式，如：

#yourimg {
  box-shadow: 3px 3px 10px #333;
}

浏览器支持非常好using

Answer 2

通常，

box-shadow: Xpx Ypx Bpx Lpx #color;

Xpx = x-axis horizontal offset
Ypx = y-axis vertical offset
Bpx = blur effect
Lpx = spread length
#color = color

这是你的解决方案。

box-shadow:2px 2px 3px black;

如果您使用内部风格

<img src="" style="box-shadow:2px 2px 3px black;"/>

如果您使用外部风格， 在您的HTML中

<img src="" class="shadow"/>

然后在你的CSS中

.shadow{
  box-shadow:2px 2px 3px black;
}