写真に影をつける

できあがりイメージ

つくりかた

Step2 影をつけたい要素のCSSセレクタを追加する

img のセレクタを追加します。

Step3 影を指定する

box-shadow を追加して、影を指定します。
サンプルでは４つの値を指定していて、
1.横の影の長さ (5px)
2.縦の影の長さ (5px)
3.影のぼかしの長さ (20px)
4.影の色 (#000000)
の順番で記載します。値と値の間には半角スペースを空けます。

Step4 コードを書くかコピー＆ペーストする

コピーしたコードを目的の箇所にペースト（貼り付け）するか、直接書いてみましょう。

Step5 実際の見え方を確認する

写真に影がついていたら完成です。