box-show阴影的四个角设置，分别是。

最新推荐文章于 2023-06-13 21:55:17 发布

浅浅一笑^*^

最新推荐文章于 2023-06-13 21:55:17 发布

阅读量2.7k

点赞数

分类专栏： css3 文章标签： css

本文链接：https://blog.csdn.net/weixin_46409887/article/details/120542374

版权

css3 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

这篇博客详细介绍了如何使用CSS的`-webkit-box-shadow`和`box-shadow`属性来创建一个元素的上、左、右、下四个方向的彩色阴影效果。通过设置不同的颜色和偏移量，分别实现了红色上阴影、绿色左阴影、蓝色右阴影和黄色下阴影，为网页元素增添视觉吸引力。

摘要由CSDN通过智能技术生成

分别是:

兼容:
-webkit-box-shadow:0px -10px 0px 0px #ff0000,   /*上边阴影  红色*/

           -10px 0px 0px 0px #3bee17,   /*左边阴影  绿色*/

           10px 0px 0px 0px #2279ee,    /*右边阴影  蓝色*/

            0px 10px 0px 0px #eede15;    /*下边阴影  黄色*/
 box-shadow:    0px -10px 0px 0px #ff0000,   /*上边阴影  红色*/

                -10px 0px 0px 0px #3bee17,   /*左边阴影  绿色*/

                10px 0px 0px 0px #2279ee,    /*右边阴影  蓝色*/

                0px 10px 0px 0px #eede15;    /*下边阴影  黄色*/

在这里插入图片描述