CSS3 {box-shadow}を利用したシャドウのつけ方
box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4) inset;
１番目の値は、水平方向の影のオフセット距離
２番目の値は、垂直方向の影のオフセット距離
３番目の値は、ぼかし距離
４番目の値は、広がり距離
insetが指定されると内側のシャドウになる
ドロップシャドウ
シャドウ（内側）
シャドウ（奥行き）
シャドウ（扇型）
シャドウ（上下）
シャドウ（左右）
box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4) inset;
１番目の値は、水平方向の影のオフセット距離
２番目の値は、垂直方向の影のオフセット距離
３番目の値は、ぼかし距離
４番目の値は、広がり距離
insetが指定されると内側のシャドウになる
ドロップシャドウ
シャドウ（内側）
シャドウ（奥行き）
シャドウ（扇型）
シャドウ（上下）
シャドウ（左右）