1. <!DOCTYPE>    <style>   
2. div {      width:100px;height:100px;text-align:center;   
3.   font:16px/100px '微軟雅黑';color:#FFF;      /*以下是CSS3的線性漸變*/  
4.   background:-webkit-linear-gradient(top,#FD0,#C30);      background:-moz-linear-gradient(top,#FD0,#C30);   
5.   background:-o-linear-gradient(top,#FD0,#C30);    }   
6. </style>    <div>次碳酸鈷</div>  

但是CSS3也是很蛋疼的東西，他需要個瀏覽器前綴。造成了這玩意兒得寫三行。這個方法通常使用三個參數（也可用更多參數調更多色，這個以后再說）。第一個參數是漸變的方向，top是從上到下，至于left、right、bottom的效果很容易從top推倒出來我就不羅嗦了。CSS3還支持特定角度的漸變，第一個參數可以用度數比如45deg就是斜角漸變，但是這東西在IE上實現起來很困難，這里先不多說了。第二第三個參數是漸變的顏色，這個從代碼上看就一目了然的。CSS3的顏色可以用rgba來實現透明，比如50%透明的紅色：rgba(255,0,0,0.5)，注意透明通道的取值范圍是0到1之間。
　　接下來就說說坑爹的IE，IE下需要通過漸變來實現，對于IE9那半吊子的CSS3我已經吐槽無力了，老老實實的用濾鏡比較好。