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

 时间: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如何关闭启用仅我的代码
  • 热门搜索
    curtain什么意思 胃寒喝什么茶 阿凡达什么时候上映 细菌性阴炎用什么药 鸡血藤的功效与作用 喝淡盐水有什么好处 糖筛什么时候做 漏芦的功效与作用 莫沙必利的作用与功效 牛顿运动定律