LoginSignup
0

More than 5 years have passed since last update.

CSS box-shadow , position

Posted at

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; /* 相対位置に指定*/
 }

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0