/* 设置上方阴影 */ box-shadow: 0 -5px 5px -5px rgba(0,0,0,0.5); /* 设置下方阴影 */ box-shadow: 0 5px 5px -5px rgba(0,0,0,0.5); /* 设置左方阴影 */ box-shadow: -5px 0 5px -5px rgba(0,0,0,0.5); /* 设置右方阴影 */ box-shadow: 5px 0 5px -5px rgba(0,0,0,0.5);
首先大家需要使用box-shadow属性设置阴影，然后使用具体的数值来控制阴影的效果。例如，在设置上方阴影时，大家将第一个数值设为0，表示不偏移；第二个数值设为-5px，表示向上偏移5像素；第三个数值设为5px，表示阴影模糊半径为5像素；第四个数值设为-5px，表示阴影扩散半径为5像素；最后一个数值表示阴影的透明度。
在设置下方阴影时，大家只需要将第二个数值的符号变为正号即可。在设置左方阴影时，大家将第一个数值设为-5px，表示向左偏移5像素；设置右方阴影时，大家将第一个数值的符号变为正号即可。
以上就是CSS3设置四个方向阴影的方法，希望对您有所帮助。