CSSでのボックスシャドウ

サイズが 200 × 200 のブロックがあります。 赤色の影を追加してください。影は下に 15px、 右に 20px ずらし、ぼかしを 5px に設定します。

サイズが 200 × 200 のブロックがあります。 緑色の影を追加してください。影は上に 15px、 右に 20px ずらし、ぼかしはなしにします。

サイズが 200 × 200 のブロックがあります。 内側の黒色の影を追加してください。影のずらしはなく、 ぼかしを 5px に設定します。

サイズが 200 × 200 のブロックがあります。 内側の黒色の影を追加してください。影は下に 3px、 右に 4px ずらし、ぼかしを 3px に設定します。

サイズが 200 × 200 のブロックがあります。 上側と下側の2つの影を追加してください。

サイズが 200 × 200 のブロックがあります。 4つの影を追加してください。それぞれの影がブロックの一辺に 対応し、 30px ずつずらし、ぼかしはなしにします。 つまり、一つは真上に、もう一つは真右に、といった具合です。