<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>线性渐变</title>
</head>
<style type="text/css">
.rainbow-linear-gradient{
width:460px;
height:160px;
background-image:linear-gradient(to right,#E50743 0%,
#F9970F 15%,#E8ED30 30%,#3FA62E 45%,
#3BB4D7 60%,#2F4D9E 75%,#71378A 80%)
}
</style>
<body>
<div class="rainbow-linear-gradient"></div>
</body>
</html>
02-28
455