CSS图片怎么写投影？ CSS中的投影效果可以为图片增加深度，让其更加立体感。下面将介绍如何使用CSS为图片添加投影效果。 首先，我们需要在HTML中添加一个图片。

<img src="image.jpg" alt="example image">

接下来，使用CSS为图片添加投影效果。我们可以使用box-shadow属性实现图片投影，该属性有以下语法：

box-shadow: h-shadow v-shadow blur spread color;

其中，h-shadow和v-shadow分别表示水平和垂直方向上的阴影偏移量；blur表示阴影模糊程度；spread表示阴影扩散程度；color表示阴影颜色。 例如，要为图片添加一个黑色的投影，可以使用以下代码：

img {
box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.7);
}

这将在图片右下方添加一个黑色的投影，投影模糊程度为10像素，颜色透明度为0.7。如果想要投影在左上方，则可以将阴影偏移量改为负值，如下所示：

img {
box-shadow: -10px -10px 10px 0 rgba(0, 0, 0, 0.7);
}

这将在图片左上方添加一个黑色的投影。 需要注意的是，如果想要给多个图片添加投影效果，则需要分别为每个图片设置投影效果。例如，如果有两个图片，可以这样做：

img:first-of-type {
box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.7);
}
img:last-of-type {
box-shadow: -10px -10px 10px 0 rgba(0, 0, 0, 0.7);
}

这将为第一个图片添加一个右下方的投影，为第二个图片添加一个左上方的投影。 总之，CSS中的投影效果可以为图片增加深度，使其更加立体感，使用box-shadow属性即可轻松实现。