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

2024-11-02 09:16:22

1、新建html文件

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

3、预览效果如图

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

5、预览效果如图

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

7、效果如图附上样式<style>div{width:300px; height:300px; border:1px solid #F00;box-shadow:10px 10px 10px #900,20px 20px 10px #0099FF;}</style>

为盒子设置多个不同的阴影
猜你喜欢