グラデーションを指定するgradientの使用例と説明です。
background に指定することでボックスの背景に線形グラデーションを表現できます。
使用にはベンダープレフィックス(-moz-,-webkit-)を付ける方法が一般的のようです。
background:linear-gradient(#4bcdf4, #0358ba); background:-moz-linear-gradient(top, #4bcdf4, #0358ba); /* Firefox用 */ background:-webkit-gradient(linear, left top, left bottom, from(#4bcdf4), to(#0358ba)); /* Google Chrome,Safari用 */
↓上記CSSスタイルをあてた状態(上から下に指定したカラーにグラデーション)
グラデーション例
※最新バージョンのブラウザで表示するのであれば、上記CSSの1行目だけでも反映しそうです。