CSS
学んだことを忘れないように備忘録として残しています。
box-shadow 影をつける
.box-shadow {
box-shadow:2px 2px 4px -2px gray inset;
}
指定場所・説明
1番目:水平方向の影の距離 正の値→右へ、負の値→左へ影が移動
2番目:垂直方向の影の距離 正の値→下へ、負の値→上へ影が移動
3番目:ぼかし距離
4番目:広がりの距離
5番目:影の色
6番目:指定すると影が内側に表示される。基本は省略
position 表示位置を指定する
.header {
position:fixed; /* 表示位置を固定*/
position:absolute; /* 絶対位置に指定*/
position:related; /* 相対位置に指定*/
}