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

背景画像を縦方向のみ繰り返す

<STYLE type="text/css">
<!--
body{
  background-image:url(画像URL);
  background-repeat:repeat-y;
  background-position:left;
  background-attachment:fixed;
} 
-->
</STYLE>

上のタグを<head>～</head>の間に入れて下さい
背景が左一列縦方向に繰り返されます

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

戻る

真ん中一列縦方向繰り返し

<STYLE type="text/css">
<!--
body{
  background-image:url(画像URL);
  background-repeat:repeat-y;
  background-position:center;
  background-attachment:fixed;
} 
-->
</STYLE>

上のタグを<head>～</head>の間に入れて下さい
背景が真ん中一列縦方向に繰り返されます

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

戻る

右一列縦方向繰り返し

<STYLE type="text/css">
<!--
body{
  background-image:url(画像URL);
  background-repeat:repeat-y;
  background-position:right;
  background-attachment:fixed;
} 
-->
</STYLE>

上のタグを<head>～</head>の間に入れて下さい
背景が右一列縦方向に繰り返されます

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

戻る

好きな位置で縦方向繰り返し

<STYLE type="text/css">
<!--
body{
  background-image:url(画像URL);
  background-repeat:repeat-y;
  background-position:左からの距離% 0%;
  background-attachment:fixed;
} 
-->
</STYLE>