CSSでのボックスシャドウ

Задание 1

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

Задание 2

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

Задание 3

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

Задание 4

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

Задание 5

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

Задание 6

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

Задание 7

Задание 8

Задание 9

Задание 10

Задание 11