书写CSS代码时，设置图片周围阴影可以使图片看起来更加立体、突出，营造出更好的视觉效果。下面我们就来了解一下如何设置图片周围阴影。 首先，我们需要了解 box-shadow 属性的基本用法。box-shadow 可以设置多个参数，分别代表阴影的垂直偏移量、水平偏移量、模糊半径、阴影的扩散半径、阴影颜色。同时也支持inset关键词来设置为内阴影。示例代码如下：

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

这段代码表示给所有图片添加一个向下偏移2px、向右偏移2px、模糊半径为5px、颜色为#888888的阴影。 如果需要设置内阴影，只需要在参数中添加inset关键词即可，示例代码如下：

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

这段代码表示给所有图片添加一个向上偏移2px、向左偏移2px、模糊半径为5px、颜色为#888888的内阴影。 如果需要设置多个阴影，只需要使用逗号分隔多个box-shadow属性值，示例代码如下：

img {
box-shadow: 2px 2px 5px #888888, -2px -2px 5px #FF0000;
}

这段代码表示给所有图片添加两个阴影，第一个是向下偏移2px、向右偏移2px、模糊半径为5px、颜色为#888888的阴影，第二个是向上偏移2px、向左偏移2px、模糊半径为5px、颜色为#FF0000的阴影。 box-shadow是一个非常实用的CSS属性，通过设置适当的参数值，可以实现各种不同的阴影效果，从而让网页看起来更加美观。