css如何让图片有阴影

CSS是一种很有用的技术，可以让我们的网页看起来更加漂亮。其中一个很常见的需求就是让图片有阴影。在CSS中，我们可以通过Box-shadow属性来实现这个效果。 首先，让我们看一下Box-shadow属性的语法： ``` Box-shadow: h-shadow v-shadow blur spread color inset; ``` 其中，h-shadow和v-shadow分别表示阴影的水平和垂直偏移量；blur表示阴影的模糊程度，取值为大于等于0的整数；spread表示阴影的扩展半径，取值为正负整数；color表示阴影的颜色；inset表示阴影是否在边框内部。 下面，我们来看一个例子，如何通过Box-shadow来为图片添加阴影效果： ```

img {
    Box-shadow: 2px 2px 5px rgba(0,0.3);
}

``` 这段代码的意思是，在图片右下方产生2像素的水平偏移和2像素的垂直偏移，阴影的模糊程度为5像素，扩展半径为0，颜色为rgba(0,0.3)。由于我们没有设置inset属性，所以阴影在图片外部。 通过这个例子，我们可以看到，通过Box-shadow属性，可以轻松实现为图片添加阴影效果。我们只需要通过调整参数，就可以得到不同的阴影效果。 总的来说，CSS的Box-shadow属性是实现图片阴影效果的一种很好的方式，可以让我们的网页看起来更加美观。