Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
css3图像阴影_Css_Image - Fatal编程技术网

css3图像阴影

css3图像阴影,css,image,Css,Image,这里有谁能告诉我在CSS中使用图像阴影(而不是div框)最有效、最简单的方法是什么?任何帮助都将不胜感激。谢谢 为图像添加样式,如: #yourimg { box-shadow: 3px 3px 10px #333; } 一般来说,浏览器支持非常好 box-shadow: Xpx Ypx Bpx Lpx #color; Xpx = x-axis horizontal offset Ypx = y-axis vertical offset Bpx = blur effect Lpx = s

这里有谁能告诉我在CSS中使用图像阴影(而不是div框)最有效、最简单的方法是什么?任何帮助都将不胜感激。谢谢

为图像添加样式,如:

#yourimg {
  box-shadow: 3px 3px 10px #333;
}
一般来说,浏览器支持非常好

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;"/>

如果您对css阴影不满意,可以使用阴影和插入创建单个图像。但是,如果您无法使用css设置样式,则可以接受此选项。
<img src="" class="shadow"/>
.shadow{
  box-shadow:2px 2px 3px black;
}