css - CSS 阴影（如何摆脱顶部阴影？）

Question

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

我得到了什么：

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

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

Answer 1

try this is:

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

Answer 2

试试这样：

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

（调整十六进制颜色以满足您的需求）

示例 - http://jsbin.com/ebemol/1

Answer 3

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

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

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

http://jsfiddle.net/9Dgtj/

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