CSS 阴影（如何摆脱顶部阴影？）答案

【问题标题】：CSS Shadows (how to get rid of top shadow?)CSS 阴影（如何摆脱顶部阴影？）
【发布时间】：2013-06-19 12:21:38
【问题描述】：

css 阴影有问题。我不知道如何在这里摆脱顶部阴影：http://i.imgur.com/5FX62Fx.png

我得到了什么：

box-shadow: 0 -3px 4px -6px #777, 0 3px 4px 6px #ccc;

我该怎么做？我希望它位于左侧、右侧和底部。

【问题讨论】：

标签： css shadows

【解决方案1】：

try this is:

 div
    {
    width:300px;
    height:100px;
    background-color:white;
    box-shadow:0px 0px 5px #888888;
    }

【讨论】：

【解决方案2】：

像这样尝试：

  box-shadow:   3px 3px 3px #777, -3px 3px 3px #777;

（根据您的需要调整十六进制颜色）

【讨论】：

【解决方案3】：

看起来你需要定位垂直阴影属性：

box-shadow: 0 5px 4px -6px #777

-3px 表示阴影从阴影正常开始的位置开始 -3px，我已将其更改为任意值，5px，因此它开始进一步向下。

您可以从我提供的 JS Fiddle 中看到，调整垂直阴影 (5px) 会使阴影向下移动。

【讨论】：