css只能在头部么

在网页设计中，图片的阴影效果是让图片更加立体感和层次感的一种重要设计元素。CSS在实现图片阴影效果方面有多种方法，本文将介绍一种简单易用的方法——只使用CSS实现在图片上显示阴影效果。

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

以上代码将会在图片的四周添加一个2像素宽的黑色阴影，阴影模糊半径为5像素。其中最后一个参数(0.5)表示阴影不透明度，0.5表示50%的不透明度。

如果想要阴影呈现不同的颜色，可以改变rgba()函数中前三个参数的数值。比如下面这个代码会在图片周围创建一个红色的阴影效果：

img {
  Box-shadow: 2px 2px 5px rgba(255,0.5);
}

此外，Box-shadow属性也可以增加多层阴影效果，使用逗号分隔不同的参数值即可。比如下面这个代码会在图片周围创建两个较为明显的阴影效果：

img {
  Box-shadow: 0 0 10px rgba(0,0.5),0 0 8px rgba(0,0.3);
}

总之，只使用CSS实现在图片上显示阴影效果是非常简单的，只需要添加Box-shadow属性值即可。不仅可以体现在线上网站的好的设计感，还能优化图片给人的视觉效果。