css中怎么让图片加阴影效果

在网页设计中，图片的美观度是十分重要的。常见的情况是需要为图片添加一些阴影效果，从而使它看起来更加立体和舒适。那么，在CSS中，如何让图片加上阴影效果呢？
首先，我们需要创建一个包含图片的div。这个div需要设置宽度、高度和背景资源。对于CSS中的阴影效果，我们需要使用box-shadow属性。下面是CSS代码：

 div {
        width: 200px;
        height: 200px;
        background: url(图片路径);
        box-shadow: 3px 3px 5px #888888;
    } 

其中，box-shadow的四个参数分别是垂直偏移量、水平偏移量、模糊值和阴影颜色。我们可以根据需要修改这些参数。
接下来，我们需要在HTML中添加一个包含图片的div元素。下面是HTML代码：

 <p>
        <div></div>
    </p> 

这个div元素就是用于实现阴影效果的容器。我们可以将其放置在p元素中，方便管理。
最后，我们来看一下实现效果。运行这些代码，我们就可以在网页中看到一个带有阴影效果的图片了。当然，你可以在CSS中自定义阴影的样式，得到更加出色的效果。