Basic Web Page Background Techniques with CSS

CSSによるサイトのバックグラウンド作成テクニック集が紹介されています。
テクニックといってもCSSが少しわかれば実現できるテクニック集ですが、パターンとして認知しておくことは重要かもしれません。
パターンだけでなく、CSSコードも紹介されているので、入門という方にも安心して参考に出来ます。

単色パターン


背景画像をリピートで使う例


グラデーションを使う例( repeat-x 使用)


大きめの背景画像を固定で使う例( background-position, no-repeat 使用)


あとはスクロールしてもバックグラウンドがついてくるパターンなんていうのもありますね。
重いという理由で実装されると嫌われる傾向にあるかもしれませんが。

関連エントリ

• デザイナーが知っておくべき背景画像のリソースサイト集
• ブロック内の背景画像をスクロールアニメーションするjQueryサンプルプログラム
• クールな背景画像を作成するPhotoshopチュートリアル集