box-shadow
ボックスに影をつける
名前通りでなんておぼえやすい・・・
box-shadow: 水平方向 垂直方向 色;
厳密に言えばどこを基準にするかで水平方向も垂直方向も変わってくるのでしょうが、現段階では
水平方向→横方向
垂直方向→縦方向
でいいかと思います
横にのみ影CSS.
box-shadow: 10px 0px #dfdfdf;
影を横方向に 10px だけ出す設定です。
影の色はグレーです。
縦にのみ影CSS.
box-shadow: 0px 10px #dfdfdf;
影を縦方向に 10px だけ出す設定です。
では組み合わせると・・・
縦＋横に影CSS.
box-shadow: 10px 10px #dfdfdf;
影っぽくなりました