ミゼット * ドット素材・写真素材

背景画像を繰り返さない

背景左上固定

body{
  background-image:url(画像URL);
  background-repeat:no-repeat;
  background-position:left top;
  background-attachment:fixed;
}

上のタグを<head>～</head>の間に入れて下さい
背景が左上に固定されます

※サンプルはテーブル背景に設定しています

戻る

背景右上固定

body{
  background-image:url(画像URL);
  background-repeat:no-repeat;
  background-position:right top;
  background-attachment:fixed;
}

上のタグを<head>～</head>の間に入れて下さい
背景が右上に固定されます

※サンプルはテーブル背景に設定しています

戻る

背景真ん中固定

body{
  background-image:url(画像URL);
  background-repeat:no-repeat;
  background-position:center;
  background-attachment:fixed;
}

上のタグを<head>～</head>の間に入れて下さい
背景が真ん中に固定されます

※サンプルはテーブル背景に設定しています

戻る

背景左下固定

body{
  background-image:url(画像URL);
  background-repeat:no-repeat;
  background-position:left bottom;
  background-attachment:fixed;
}

上のタグを<head>～</head>の間に入れて下さい
背景が左下に固定されます

※サンプルはテーブル背景に設定しています

戻る

背景右下固定

body{
  background-image:url(画像URL);
  background-repeat:no-repeat;
  background-position:right bottom;
  background-attachment:fixed;
}