为盒子设置多个不同的阴影

1、新建html文件

2、创建div和内容

3、预览效果如图

4、为div设置长宽和边框

5、预览效果如图

6、为div设置两个不同颜色的阴影

7、效果如图附上样式

<style>

div{width:300px; height:300px; border:1px solid #F00;

box-shadow:10px 10px 10px #900,20px 20px 10px #0099FF;}

</style>