<!DOCTYPE html>
<html>
<htad>
<meta charset="UTF-8">
<title>线性渐变</title>
</htad>
<style type="text/css">
.rainbow-randial-gradient {
width:300px;
height:300px;
background-image:radial-gradient(100px,#ffe07b 15%,
#ffb151 2%,#16104b 50%)
}
</style>
<body>
<div class="rainbow-randial-gradient"></div>
</body>
</html>