gradient(グラデーション)の使用例

グラデーションを指定する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行目だけでも反映しそうです。