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>

しかし、私は多くの値を試しましたが、それでも何が最適かわかりません。任意のヒント？

4

4 に答える 4

1

これはあなたが望むことをします。3番目の値はなく、4番目の値はもう少しhttp://jsfiddle.net/jalbertbowdenii/LAT5B/

于 2012-05-21T23:00:32.267 に答える
1

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

ページから：

構文：
box-shadow：none | <シャドウ>[、<シャドウ>] *
<シャドウ>=インセット？&&[<長さ>{2,4}&& <色>？]

したがって、最初の値はX（左）とY（上）の位置になり、3番目はブラースプレッド、4番目は色になります。

inset最初に指定して、内側の影を作成することもできます。

あなたの場合、上下のオフセットをゼロにし、それに応じてぼかし半径を定義する必要があります。

div.image {
    ...
    -moz-box-shadow: 0 0 5px #bbb;
    -webkit-box-shadow: 0 0 5px #bbb;
    box-shadow: 0 0 5px #bbb;
}
于 2012-05-21T23:04:39.517 に答える
1

私にとって、それで完璧な値：http: //jsfiddle.net/D2LVq/1/

于 2012-05-21T23:04:43.450 に答える
1

私があなたのサンプルに影をつけることができる最も近いものはこれです：0 0 8px #666

于 2012-05-21T23:04:46.680 に答える