html中如何设置图片的阴影

在HTML中，我们可以通过css样式来设置图片的阴影效果。使用Box-shadow属性能够很方便地实现图片阴影效果。

img{
    Box-shadow: 2px 2px 5px #888888;
}

上述代码实现了当鼠标悬浮在图片上的时候，图片出现阴影效果的效果。接下来，我们来详细介绍一下Box-shadow属性。

Box-shadow属性可以控制元素的阴影效果，语法如下：

Box-shadow: h-shadow v-shadow blur spread color inset;

其中，h-shadow指的是水平方向的偏移量，v-shadow指的是垂直方向的偏移量，blur指的是模糊程度，spread指的是阴影的扩展程度，color指的是阴影的颜色，inset指定的是阴影的方向。

值得注意的是，h-shadow、v-shadow、blur和color这四个属性是必须指定的，否则代码将不起作用。

最后，我们还可以通过多次设置Box-shadow属性来实现组合阴影效果，示例如下：

img{
    Box-shadow: 0px 0px 5px #888888,0px 0px 10px #888888,0px 0px 15px #888888;
}

上述代码将为图片添加一个由三个组合阴影效果组成的效果，使得图片更美观。