background: linear-gradient(to right, #ff9966, #ff5e62, #ff66a8);
上述代码使用了线性渐变（linear-gradient），并在to right的方向上从#ff9966渐变到#ff5e62，再从#ff5e62渐变到#ff66a8，从而实现了一个华丽的3色渐变背景。不仅如此，大家还可以改变渐变的方向：
background: linear-gradient(to bottom, #00416a, #e4e5e6, #00416a);
这个例子将渐变的方向改为了to bottom，即从上到下。它的3种颜色（#00416a, #e4e5e6, #00416a）分别呈现出深、浅、深的颜色，为页面增加了深度。
需要注意的是，渐变是CSS3新增的属性，它的浏览器兼容性并不是十分良好。因此，如果您需要在旧版本的浏览器上使用3色渐变，就需要配合其他的hack方法，比如使用背景图片来代替渐变。当然，如果您仅仅是为了美观而使用渐变，可以放心使用，因为现代浏览器对渐变的支持已经越来越好了。