网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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

时间:2024-11-02 09:16:22

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>

为盒子设置多个不同的阴影
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com