<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
padding:0;margin:0;
}
div{
width: 1000px;
height:100px;
margin:50px auto;
/*background:blue;*/
/*background:linear-gradient(150deg,green 50%,black 100%);*/
/*background:linear-gradient(
pink 0%,
red 25%,
green 30%,
yellow 75%,
blue 80%,
skyblue 100%
);*/
background:linear-gradient(
to right,#fff1eb,#ace0f9
);
}
/*线性渐变,
background:linear-gradient(
渐变角度,
开始值,
结束值,
开始值,
结束值
);*/
</style>
</head>
<body>
<div></div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
padding:0;margin:0;
}
div{
width: 1000px;
height:100px;
margin:50px auto;
/*background:blue;*/
/*background:linear-gradient(150deg,green 50%,black 100%);*/
/*background:linear-gradient(
pink 0%,
red 25%,
green 30%,
yellow 75%,
blue 80%,
skyblue 100%
);*/
background:linear-gradient(
to right,#fff1eb,#ace0f9
);
}
/*线性渐变,
background:linear-gradient(
渐变角度,
开始值,
结束值,
开始值,
结束值
);*/
</style>
</head>
<body>
<div></div>
</body>
</html>