CSSでグラデーションを背景に使う方法：スクロール固定するには？

今回はCSSを使ってウェブサイトの背景に美しいグラデーションをかける方法を解説します。以下の2パターンの方法に分けて解説します。 1. ページ全体に縦のグラデーションをかける方法 この方法のイメージを図にしてみました。 ページ全体（body）にグラデーションをかけるので、縦に長いページだと色の変化が薄まってしまいます。逆に短いページだと、急激に色が変化します。スクロールされることの無い固定されたページ向けかもしれませんね。 CSSコード グラデーションをかけるためにはlinear-gradientというCSS3のプロパティを使います。以下のコードをコピペして使えば、コンテンツのある部分の上から下までグラデーションがかかるはずです。 body{ background: orange ;/*保険用*/ background: -moz-linear-gradient(top, gold 0%,