CSS：四边有模糊效果的长方体阴影

我试图在元素的所有4个面上获得

框阴影

我试过了
box shadow:4px 4px 4px 5px grey
但不起作用。似乎也没有专门设置
框阴影模糊的规则
试试这个
5px
指定阴影的模糊距离，而
10px
指定框阴影的水平和垂直阴影。您可以查看此链接以了解更多信息

div{
宽度：300px；
高度：100px；
填充：15px；
背景颜色：黄色；
盒影：10px 10px 5px灰色；
}

这是一个带有方框阴影的div元素
改为尝试此操作
5px
指定阴影的模糊距离，而
10px
指定长方体阴影的水平和垂直阴影。您可以查看此链接以了解更多信息

div{
宽度：300px；
高度：100px；
填充：15px；
背景颜色：黄色；
盒影：10px 10px 5px灰色；
}

这是一个带有方框阴影的div元素
您对
框阴影
属性有一个额外的值。此操作有效：
box shadow:4px 4px 4px 5px grey
您对
box shadow
属性有一个额外的值。这是可行的：
box shadow:4px4px4px5px grey
要在元素的各个面上获得一个box shadow，您需要：


div{
宽度：300px；
高度：100px；
填充：15px；
背景色：蓝绿色；
盒影：0 20px黑色；
}
我的所有侧面都有一个长方体阴影要在元素的所有面上获得框阴影，您需要：


div{
宽度：300px；
高度：100px；
填充：15px；
背景色：蓝绿色；
盒影：0 20px黑色；
}
我的所有侧面都有一个长方体阴影如果你在谷歌上搜索更多，你会马上找到答案

box shadow
属性语法为：

框阴影：水平偏移|垂直偏移|蓝色|扩展|颜色

所以你想让它在各个方面都发挥作用意味着：

没有补偿
你喜欢模糊就模糊
这里的排列是关键，将
10px
设置为排列意味着在所有面上
5px
，基本上一半的数量将在每个面上


*{
保证金：0；
填充：0；
框大小：边框框；
}
div{
填充：30px；
利润率：30像素；
宽度：300px；
高度：100px；
填充：15px；
背景颜色：橙色；
盒影：0px 0px 10px 10px灰色；
}
如果你在谷歌上搜索更多，你会马上找到答案

box shadow
属性语法为：

框阴影：水平偏移|垂直偏移|蓝色|扩展|颜色

所以你想让它在各个方面都发挥作用意味着：

没有补偿
你喜欢模糊就模糊
这里的排列是关键，将
10px
设置为排列意味着在所有面上
5px
，基本上一半的数量将在每个面上


*{
保证金：0；
填充：0；
框大小：边框框；
}
div{
填充：30px；
利润率：30像素；
宽度：300px；
高度：100px；
填充：15px；
背景颜色：橙色；
盒影：0px 0px 10px 10px灰色；
}
看起来不是有效的属性。即使是这样，你也应该先尝试一个简单的方法，并展示给我们看。为什么不使用最简单的属性形式，或者使用任何浏览器开发人员工具检查/调试它呢。这看起来不像是有效的属性。即使是这样，你也应该先尝试一个简单的方法，并展示给我们看。为什么不使用最简单的属性形式，或者使用任何浏览器开发人员工具检查/调试它呢。