文章/答案/技术大牛

发布

社区首页 >问答首页 >CSS阴影(如何去除顶部阴影？)

问CSS阴影(如何去除顶部阴影？)
EN

Stack Overflow用户

提问于 2013-06-19 20:21:39

回答 3查看 103关注 0票数 0

有一个关于css阴影的问题。我想不出如何摆脱这里的顶部阴影：http://i.imgur.com/5FX62Fx.png

我得到的是：

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

我该怎么做？我想让它在左边，右边和底部。

shadows

css

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-06-19 20:31:21

试着这样做：

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

(根据需要调整十六进制颜色)

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

票数 1

Stack Overflow用户

发布于 2013-06-19 20:46:13

try this is:

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

票数 2

Stack Overflow用户

发布于 2013-06-19 20:25:23

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

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

-3px会指示阴影从阴影正常开始的地方开始-3px，我已经将其更改为任意值5px，因此它开始得更低。

http://jsfiddle.net/9Dgtj/

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17191037

复制

相似问题

问CSS阴影(如何去除顶部阴影？)
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS阴影(如何去除顶部阴影？)EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS阴影(如何去除顶部阴影？)
EN