css同时给一个盒子设置上面内阴影和右边外阴影

可以使用box-shadow属性同时设置多个阴影，具体代码如下：

box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.5), 10px 0 10px -10px rgba(0,0,0,0.5);

其中，inset 0 -10px 10px -10px rgba(0,0,0,0.5)表示上面的内阴影，具体参数含义与上面回答的相同；10px 0 10px -10px rgba(0,0,0,0.5)表示右边的外阴影，其中10px表示水平偏移量为10px，0表示垂直偏移量为0，10px表示模糊半径为10px，-10px表示阴影的长度为10px，rgba(0,0,0,0.5)表示阴影颜色为黑色，透明度为0.5。

相关问题

css同时给一个盒子设置内阴影和外阴影

可以使用box-shadow属性同时设置内阴影和外阴影，具体代码如下：

box-shadow: inset 0 0 10px rgba(0,0,0,0.5), 0 0 10px rgba(0,0,0,0.5);

其中，inset表示内阴影，0 0表示水平和垂直偏移量为0，10px表示模糊半径为10px，rgba(0,0,0,0.5)表示阴影颜色为黑色，透明度为0.5；后面的0 0 10px rgba(0,0,0,0.5)表示外阴影的设置，具体参数含义与前面相同。

css给一个盒子设置上面内阴影

可以使用box-shadow属性设置上面的内阴影，具体代码如下：

box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.5);

其中，inset表示内阴影，0表示水平偏移量为0，-10px表示垂直偏移量为-10px，10px表示模糊半径为10px，-10px表示阴影的长度为10px，rgba(0,0,0,0.5)表示阴影颜色为黑色，透明度为0.5。