css3 でやる方法。
→ここを直接どうぞ
 
問題は、これをタグ項目に設定してしまうとクリアできなくなるってところ。
background-image: -webkit-linear-gradient(#ddd, #bbb);
こういうのをクリアさせるにはどうするんだろう？
background-image: none; ではクリアされない。
 
もっとも FireFox や Mozilla系ブラウザ では、うにゃうにゃってことだから、
基本的につかっちゃだめなんだよね。
グラデーション使うときは、だまって画像を作るのもありじゃないかな？
 
 
角度を省略すると上から下（０度から１８０度）、縦方向に色が変化する。 [FRM: r] background: linear-gradient({角度,}開始の色, 次の色・・・); 角度は deg [/FRM]  
[FRM: r] [MTXT:]

グラデサンプル

左から右グラデサンプル

何色か交代グラデサンプル

[/MTXT] [/FRM]  

グラデサンプル

左から右グラデサンプル

何色か交代グラデサンプル