背景渐变

#head{width:200px; height: 200px; border: 1px solid #000;

 background: -moz-linear-gradient(top,red,yellow);

 background:-webkit-linear-gradient(top,red,yellow);

 background: -ms-linear-gradient(top,red,yellow);

 background: linear-gradient(top,red,yellow);

 ms-filter:"progid:DXImageTrasform.Microsoft.gradient(GradientType=0,startColorstr=red,endColorstr=yellow)";

  }

背景渐变

原文：http://my.oschina.net/glelaine/blog/373704