css上边的投影怎么设置三个边

CSS中，实现上边投影效果需要使用box-shadow属性。要同时设置三个边的投影，需要在box-shadow后面添加多个参数。

.box {
    box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.5),
                -5px 0 5px -5px rgba(0, 0, 0, 0.5),
                5px 0 5px -5px rgba(0, 0, 0, 0.5);
} 

上述代码中，第一个参数表示水平偏移量为0，垂直偏移量为-5px，模糊半径为5px，扩散半径为-5px，颜色为rgba(0, 0, 0, 0.5)，即黑色半透明。第二个参数为左边的投影，水平偏移量为-5px，垂直偏移量为0，其余与第一个参数相同。第三个参数为右边的投影，水平偏移量为5px，垂直偏移量为0，其余与第一个参数相同。

需要注意的是，参数之间用逗号分隔，没有逗号表示只有一个投影。

通过这种方式，可以实现一些特殊的投影效果，比如多边形投影等。