box-shadowプロパティは、ボックスの影を表現する。
box-shadow: ①横オフセット 縦オフセット ②ブラー ③スプレッド 色 ④inset;①：横方向、縦方向の移動距離。水平、垂直方向の値を半角スペースで区切って記述。正の値は右下、負の値は左上方向に移動。
②：ぼかし具合。値が大きいほど影の端のぼかしが強くなり、値が0の場合には端がくっきりとする。
③：影の大きさ。正の値は影の形状を全方向に拡大、負の値を指定すると縮小する。影の色はキーワードまたはカラーコードで指定する。
※横方向の影は、正の値を指定すると右へ、負の値を指定すると左へ影が移動する。
※縦方向の影は、正の値を指定すると下へ、負の値を指定すると上へ影が移動する。
④：insetを指定すると、ボックスの外側の影から内側の影に変更される。noneを指定すると影を表示しない。この場合、他の値は指定しない。
/* ボックスに赤い影が表示される */
.box{
width: 400px;
height: 150px;
border: solid 1px red;
box-shadow: 2px 5px 10px 1px red;
}