<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
#div1 {
200px;
height: 200px;
border: 1px #333 solid;
background: linear-gradient(top, red, yellow);
background: -webkit-linear-gradient(top, red, yellow);
/*chrome safari*/
background: -moz-linear-gradient(top, red, yellow);
/*firefox*/
background: -ms-linear-gradient(top, red, yellow);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=red, endColorstr=yellow)";
+ background : #ff7a00;
/*ie*/
background: -o-linear-gradient(top, red, yellow);
/*opera*/
}
</style>
</head>
<body>
<div id="div1"></div>
</body>
</html>
