0

角丸長方形があり、それに 1 ピクセルのぼかし、1 ピクセルの垂直オフセット ドロップ シャドウを適用しようとしています。私の問題は、下部のドロップ シャドウが側面のドロップ シャドウよりもかなり厚く見えることです。これを修正して、下の影が横の影と同じ幅になるようにする方法はありますか? 使おうと思ったのですoutlineが、角が丸くて使えませんでした。また、長方形の上に境界線を付けたくありません。

box-shadow: 0 1px 1px #000;

http://jsfiddle.net/Zw4QA/317/

4

1 に答える 1

0

ボックスの影を次のように設定してみてください。

box-shadow: rgba(0,0,0,0.8) 1px 1px 1px, rgba(0,0,0,0.8) -1px 1px 1px, rgba(0,0,0,0.8) 0 1px 1px;

複数のボックスシャドウと負の値を使用して、必要に応じてそれらを左または上に引っ張ることができます。

于 2013-02-01T18:54:10.163 に答える