下記の様なファイルを作ってみた。
高さは100px で、上の方の色は、#0066CCで、そこから白に向かって少しずつフェードアウトしていくスタイル。
この画像ファイルは x軸方向に繰り返すので、幅は 1px あれば良い。実際には以下の様な 100 x 1px の画像ファイル。
この画像ファイルを、CSS の header の所に以下の様に定義する。
#header {
text-align: left;
padding: 1px 5px 10px 40px;
margin: 10px 10px 10px 10px;
background-image: url(images/header1.jpg);
background-repeat: repeat-x;
}
repeat-x で、幅 1px の画像を x軸方向に繰り返し張ってくれるので・・実際の表示は、以下の様になる。
