1

我想要一个矩形 DIV 在它的所有四个边上都有一个阴影。

现在我可能可以通过使用容器 div 获得我想要的东西，并有一个带有正值的阴影和一个带有负值的阴影；我还没有看到我可以推动什么。因为这是在样板代码中完成的，所以我可以拥有一系列具有不同边框颜色的嵌套 DIV，这是旧的 pre-CSS 方式。通过某种方式，我也许可以为四个 DIV 制作四个阴影。例如，参见“ CSS 阴影 3 面”。

然而，我看到的所有解决方案，或在搜索中看到的证据，都闻起来像胶带。阴影是否足够强烈地为 2 面设计，以至于 4 面不能在没有胶带的情况下优雅地实现？

如果必须，我会使用管道胶带，但我宁愿在选择管道胶带品牌之前找出是否有好的方法。

4

2 回答 2

1

你想要更多的头顶悬停阴影？

.shadow {
    -webkit-box-shadow:0 0 10px rgb(0,0,0);
    -moz-box-shadow:0 0 10px rgb(0,0,0);
    box-shadow:0 0 10px rgb(0,0,0);
}

您也可以将它与插图一起使用，使边缘具有非常漂亮的 3d 外观。

于 2013-03-14T20:17:09.490 回答
0

您可以将可选的展开值（10px）添加到您的语法中。像这样：

.dropshadow {
-webkit-box-shadow: 0px 0px 5px 10px rgba(0,0,0,.5);
-moz-box-shadow: 0px 0px 5px 10px rgba(0,0,0,.5);
box-shadow: 0px 0px 5px 10px rgba(0,0,0,.5);
}
于 2013-03-14T20:21:35.310 回答