css - boxshadow 以匹配设计

Question

我得到了这个设计:

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>

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

Answer 1

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

来自页面:

The Syntax:
box-shadow: none | < shadow > [ , < shadow > ]*
< shadow > = inset? && [ < length >{2,4} && < color >? ]

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

您还可以在开头指定inset 来创建内部阴影。

在您的情况下，您必须将顶部和左侧偏移量归零并相应地定义模糊半径:

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