将CSS3框阴影设置为不在div顶部
我有一个div框，其周围设置了框阴影，并使用以下CSS：将CSS3框阴影设置为不在div顶部,css,Css,我有一个div框，其周围设置了框阴影，并使用以下CSS： -moz-box-shadow: 1px 1px 15px #415a68; -webkit-box-shadow: 1px 1px 15px #415a68; -khtml-box-shadow: 1px 1px 15px #415a68; box-shadow: 1px 1px 15px #415a68; 如何使长方体阴影仅应用于div的左侧、右侧和底部？ div div { 盒影：1px15px#415a68； 高度：100px；
-moz-box-shadow: 1px 1px 15px #415a68;
-webkit-box-shadow: 1px 1px 15px #415a68;
-khtml-box-shadow: 1px 1px 15px #415a68;
box-shadow: 1px 1px 15px #415a68;
div div
{
盒影：1px15px#415a68；
高度：100px；
宽度：100px；
}
div
{
溢出：隐藏；
填充：10px；
填充顶部：0；
}
您不能使用一个div
来执行此操作
编辑
框阴影
不允许同时使用左右阴影
不过，有一个诀窍……请继续读下去
该规则有四个值：
定义阴影的水平偏移量。+右阴影的值和左阴影的-值
定义垂直偏移量值表示底部阴影，值表示顶部阴影
定义模糊距离
定义排列
这都是真的。然而，经过一些测试，我发现你可以图层阴影
您所需要做的就是用逗号分隔这些值
所以，对于一个div上的左、右和底部阴影，可以这样做
box-shadow: -5px 5px 3px black, 5px 5px 3px black;
示例：工作起来很有魅力！非常感谢。谢谢，这对顶部阴影有效。是否可以使用此方法删除底部阴影？