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

 时间: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>

为盒子设置多个不同的阴影
  • win11输入法怎么最小化
  • 如何关闭win11系统的hyper-v
  • 如何自定义Win11系统电脑的主题色?
  • 【Sublime Text】如何设置自动补全HTML
  • VS如何关闭启用仅我的代码
  • 热门搜索
    扇贝怎么洗 社会调查研究与方法 糖果图片大全 花菜怎么炒好吃 牙疼怎么办 立刻止疼 老花眼的治疗方法 红烧猪脚的家常做法 剁椒鱼头的家常做法 猪头肉怎么做好吃 农村合作医疗怎么缴费