div {
  box-shadow: [水平偏移] [垂直偏移] [模糊半径] [扩展半径] [颜色];
}

• 水平偏移：阴影相对于元素的水平偏移量（正值向右偏移，负值向左偏移）。

• 垂直偏移：阴影相对于元素的垂直偏移量（正值向下偏移，负值向上偏移）。

• 模糊半径：阴影的模糊级别，值越大阴影越模糊。

• 扩展半径：阴影的尺寸大小，正值使阴影扩大，负值使阴影缩小。

• 颜色：阴影的颜色，可以是预定义的颜色名或十六进制颜色代码。 

简单阴影

div {
  box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}
这将在div的右下角添加一个向右下方偏移5px的阴影，并且阴影是半透明的黑色。

多重阴影

div {
  box-shadow: 5px 5px 5px rgba(0,0,0,0.5), -5px -5px 5px rgba(0,0,0,0.5);
}
这将在div的右下角添加一个向右下方偏移的阴影，同时在左上角添加一个向左上方偏移的阴影，创造出一种立体感。

无色阴影（仅轮廓）

div {
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
这将在div周围创建一个模糊的黑色轮廓，而没有实际的阴影颜色。

注意事项

• 使用box-shadow时，默认情况下，阴影会覆盖在元素内容之上。如果你希望阴影在元素下方，可以设置z-index或者在HTML结构中调整元素的堆叠顺序。

• 调整box-shadow的参数可以创造出各种不同的视觉效果，比如更清晰的边缘、更柔和的过渡或是更深的立体感。

• 在某些情况下，为了确保阴影不被裁剪（如在某些布局中），可能需要为包含div的父元素设置overflow: visible;。