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

 时间: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如何关闭启用仅我的代码
  • 热门搜索
    燕麦片怎么吃 沆瀣怎么读 都是怎么被骗走第一次的 微信怎么删除好友 春节用英语怎么说 猪肉饺子馅的做法 月经有血块是怎么回事 大虾怎么做好吃又简单 龙舟怎么画 塔罗牌怎么玩