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

2025-05-31 16:16:44

1、新建html文件

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

2、创建div和内容

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

3、预览效果如图

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

4、为div设置长宽和边框

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

5、预览效果如图

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

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

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

7、效果如图附上样式&盟敢势袂lt;style>div{width:300px; height:300px; border:1p旌忭檀挢x solid #F00;box-shadow:10px 10px 10px #900,20px 20px 10px #0099FF;}</style>

为盒子设置多个不同的阴影
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢