[解決済み] CSSボックスシャドウ - 上下のみ [重複]。

質問

例が見当たらないのですが、要素の上下にだけボックスシャドウをつけるにはどうしたらよいのでしょうか？

どのように解決するのですか？

Kristianが指摘したように、Z値をうまくコントロールすることで、多くの場合、問題が解決します。

それがうまくいかない場合は、次のものを見てください。 CSS ボックスシャドウの下部のみ を参照してください。

box-shadowプロパティは、このようにシャドウをカンマで区切ったリストで受け付けることも頭に入れておきたい。

box-shadow: 0px 10px 5px #888, 0px -10px 5px #888;

これにより、各方向の影の "量" をある程度制御することができます。

を見てみましょう。 http://www.css3.info/preview/box-shadow/ をご覧ください。

これがあなたが探していたものであることを願っています。