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

 时间: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如何关闭启用仅我的代码
  • 热门搜索
    耳石症是怎么造成的 赘怎么读 红薯粉怎么做好吃 肉粽子的做法 首字下沉怎么设置 佰草集的护肤品怎么样 鱼线怎么绑在鱼竿上 简单早餐做法 鸡肝怎么做好吃 空当接龙怎么玩