戻る
枠のまわりの影のカスタマイズ
STEP5-7では、枠のまわりに影を柔らかく入れるため、ぼかしの大きさを50ピクセルに指定しています。影をくっきり入れたい場合には、ぼかしの大きさを小さくし、影の色を濃くします。
ぼかしの大きさを50ピクセルに、影の色を薄いグレー（#bbbbbb）に指定したときの表示。
/* コンテナ */
div#container {width: 900px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
padding:0 40px;
-webkit-box-shadow: 0px 0px 50px #bbbbbb;
box-shadow: 0px 0px 50px #bbbbbb}
ぼかしの大きさを10ピクセルに、影の色を濃いグレー（#666666）にしたときの表示。
/* コンテナ */
div#container {width: 900px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
padding:0 40px;
-webkit-box-shadow: 0px 0px 10px #666666;
box-shadow: 0px 0px 10px #666666}