【CSS】ボックスに影をつける方法

現在プログラミングスクールに通い 

７０日間でWEBエンジニアになれるよう勉強中です！

本日は要素に影をつける方法について

書きたいと思います！！

◆使用するプロパティ

box-shadow

box-shadow: 左右の向きpx 上下の向きpx ぼかしpx 広がりpx 色 内側指定;

◆サンプルコード

box-shadow: 2px 2px 4px -2px gray

＜補足＞

 ・上下左右対称に影をぼかす例

box-shadow: 0 0 8px gray;