boxshadow如何在CSS中正确使用

要在CSS中正确使用box-shadow，您需要为要应用效果的元素指定box-shadow属性。box-shadow属性接受以下值：

1. 水平偏移量：指定阴影的水平位置。可以是正值（向右偏移）或负值（向左偏移）。
2. 垂直偏移量：指定阴影的垂直位置。可以是正值（向下偏移）或负值（向上偏移）。
3. 模糊半径：指定阴影的模糊程度。值越大，阴影越模糊。
4. 扩展半径：指定阴影的扩展大小。值越大，阴影越扩散。
5. 颜色：指定阴影的颜色。

例如，要在一个div元素上应用一个带有5像素水平偏移量、5像素垂直偏移量、10像素模糊半径、10像素扩展半径和蓝色阴影的效果，您可以这样写CSS代码：

div {   box-shadow: 5px 5px 10px 10px blue; } 

您还可以使用逗号分隔多个阴影值，以创建多重阴影效果。例如，要在一个元素上应用两层不同的阴影效果，您可以这样写CSS代码：

div {   box-shadow: 5px 5px 10px 10px blue, -5px -5px 10px 10px red; }