CSS 3 图像阴影

<分区>

想改进这个问题吗？ 通过 editing this post 添加细节并澄清问题.

关闭 7 年前。

谁能告诉我在 CSS 中对图像(而不是 div 框)使用阴影的最有效和最简单的方法是什么？任何帮助将非常感激。谢谢!

最佳答案

一般来说，

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;
}

关于CSS 3 图像阴影，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34428340/

相关文章：

javascript - 页面更改时加载的背景图像