<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>径向渐变</title>
<style type="text/css">
#div1{
width: 500px;
height: 300px;
/* 谷歌 */
background: -webkit-radial-gradient(circle, red, green);
background: radial-gradient(circle, red, green);
}
</style>
</head>
<body>
<div id="div1"></div>
</body>
</html>