[CSS]CSS3漸層色

以往做漸層色區塊都是以做好的圖片來拼貼處理

現在CSS3已經有linear-gradient可以直接做漸層了，只要填入要從起始色碼以及漸層到哪個色碼就可以了

不過因為CSS3不同瀏覽器都有不一樣的支援程度，所以使用上還是略為麻煩，建議使用linear-gradient漸層前先讓區塊上個單色的background，以免瀏覽器不支援時變白色

以下為linear-gradient用法

/* IE10 */ 
background-image: -ms-linear-gradient(#1b4b66, #123042);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(#1b4b66, #123042);
/* Opera */ 
background-image: -o-linear-gradient(#1b4b66, #123042);
/* Webkit*/ 
background-image: -webkit-linear-gradient(#1b4b66, #123042);
/* Proposed W3C Markup */ 
background-image: linear-gradient(#1b4b66 ,#123042);