颜色渐变

CSS3 Gradient分为 linear-gradient(线性渐变) 和 radial-gradient（径向渐变） 。为了更好的应用CSS3 Gradient, 需要先了解一下目前的几种浏览器的内核，主要有Mozilla( Friefox, Flock等)， webkit(Safari, chrome等)，Opera(Opera浏览器)， Trident(IE浏览器)。 线性渐变在Mozilla下的应用： 语法： -moz-linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* ) 参数：其共有三个参数，第一个参数表示线性渐变的方向,top是从上到下，left是从做到右，如果定义成left top,那就是从左上角到右下角。第二个和第三个参数分别是起点颜色和终点颜色。你还可以在它们之间插入更多的参数，表示多种颜色的渐变。如图所示： 根据上面的介绍，我们先来看看一个简单的例子： HTML: <div class="example example1"></div> CSS: .example { width: 150px; height: 80px; } 如无特殊说明，我们后面的实例都是应用这一段html和CSS的基本代码。 现在我们给这个div应用一个简单的渐变样式： .example {