css中怎么给背景加阴影效果

在CSS中，我们可以使用box-shadow属性来给背景加上阴影效果。这个属性接受多个参数，可以让我们实现各种各样的阴影效果。
下面是一个简单的例子：

p {
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
} 

上面代码给p标签加上了一个黑色的10像素模糊阴影。其中，第一个参数是阴影的水平偏移量，第二个参数是阴影的垂直偏移量，第三个参数是阴影的模糊半径，最后一个参数是阴影的颜色和透明度。
可以通过调整这些参数来实现更多的效果。例如，如果我们想要一个内侧阴影，可以使用inset关键字：

p {
  box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
} 

这样就会给p标签添加一个内侧的10像素模糊阴影。
除了简单的阴影之外，还可以通过组合多个阴影来实现更加复杂的效果。例如，下面的代码会给p标签添加一个内侧和外侧的阴影，同时还有一个点缀效果：

p {
  box-shadow: inset 0 0 10px rgba(0,0,0,0.5), 
              0 0 10px rgba(0,0,0,0.5), 
              0 0 20px rgba(0,0,0,0.1);
} 

在上面的代码中，我们通过使用逗号将多个阴影效果组合在一起，实现了一个更加立体的效果。
总的来说，box-shadow是一个非常强大的属性，可以实现各种各样的阴影效果。通过不同的参数组合，我们可以实现想要的任何效果。