渐变色在现在来说非常的常用：（注意渐变色只能给背景加 不能给边框加）
方法：-webkit-linear-gradient() 括号里面第一个值为渐变色的开始方向，第二个值为开始的颜色，中间用逗号隔开 可以写很多个颜色
第一个为浏览器的兼容性
-webkit-：为谷歌浏览器
-moz-：为火狐
例如：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{
width: 200px;
height: 300px;
background: -webkit-linear-gradient(top, #000,#fff);
}
</style>
</head>
<body>
<div></div>
</body>
</html>