サイト全体やコンテンツなどの背景をデザインする場合、従来は単色にするか、背景画像を用意するのが一般的でした。しかし、CSS3のグラデーションを利用することで、下の図のようなパターン背景をコードのみで実現することが出来ます。step1ではグラデーション、ストライプ、ドットを例にパターン背景の作成方法を学びましょう。