背景画像のテクニック3

上側だけ

これも100×100の画像なのですが,横方向にだけ繰り返し,縦方向には繰り返さない指定をしています。縦横とも繰り返さなければ背景色も見えます。

body {
  background-color : #ffffcc;
  background-image : url(images/greenwavt.png);
  background-repeat: repeat-x;
  }

あわせて次のように書くこともできます。

body {background:#ffffff url(images/greenwavt.png) repeat-x;}

他の背景にしてみる

背景サンプル 背景サンプル 背景サンプル 背景サンプル 背景サンプル

聖愛高等学校
http://www.seiai.ed.jp/