文章/答案/技术大牛

发布

社区首页 >问答首页 >方框阴影与设计相匹配

问方框阴影与设计相匹配
EN

Stack Overflow用户

提问于 2012-05-22 06:55:19

回答 4查看 74关注 0票数 0

我得到了这样的设计：

http://img526.imageshack.us/img526/1363/desginer.jpg

我正在尝试使用以下命令来获得最佳结果：

        div.image {
            -moz-box-shadow: 0 0 1px 1px #bbb;
            -webkit-box-shadow: 0 0 1px 1px #bbb;
            box-shadow: 0 0 1px 1px #bbb;
            padding: 2px;
            width: 120px;
            height: 120px;
        }

<div class="image"><img width="120" height="120" src="image.jpg" title="title" alt="alt" /></div>

但我尝试了很多值，但我仍然不确定哪一个是最好的。有什么建议吗？

css

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-05-22 07:04:40

http://www.css3.info/preview/box-shadow/

在该页面中：

语法：

box- shadow :无|< shadow >，*

= inset？&& < length >{2,4} && < color >？

因此，第一个值可以是X(左)和Y(上)位置，第三个值是模糊spred，第四个值是颜色。

也可以在开始时指定inset以创建内部阴影。

在您的示例中，必须将顶部和左侧偏移置零，并相应地定义模糊半径：

div.image {
    ...
    -moz-box-shadow: 0 0 5px #bbb;
    -webkit-box-shadow: 0 0 5px #bbb;
    box-shadow: 0 0 5px #bbb;
}

票数 1

Stack Overflow用户

发布于 2012-05-22 07:00:32

这就是你想要的；没有第三个值，在第四个http://jsfiddle.net/jalbertbowdenii/LAT5B/上有更多的值

票数 1

Stack Overflow用户

发布于 2012-05-22 07:04:43

对我来说，有了这个完美的值：http://jsfiddle.net/D2LVq/1/

票数 1

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

原文链接：

https://stackoverflow.com/questions/10693698

复制

相似问题

问方框阴影与设计相匹配
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问方框阴影与设计相匹配EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问方框阴影与设计相匹配
EN