ブラウザによって書式が違うので全て書いてしまう。
IE では、グラデーション方向が、縦と横しか指定できない。
FireFox , Safari,Chrome は、左上から右下方向は、left top から right bottom を指定する。
/* FireFox */
background: -moz-linear-gradient(top, #00abeb, #ffffff);
/* Safari・Chrome */
background: -webkit-gradient(linear, center top, center bottom, from(#00abeb), to(#ffffff));
/* IE6,7 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00abeb, endColorstr=#ffffff);
/* IE GradientType : 0=Top→buttom, 1=left→right */
GradientType=0 の結果は、、、
GradientType=1 の結果は、、、