要在CSS中正确使用box-shadow,您需要为要应用效果的元素指定box-shadow属性。box-shadow属性接受以下值:
例如,要在一个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;
}