background: linear-gradient(90deg,red,green);
1.支持多颜色渐变
2.支持多方向渐变 to left to top left
3.支持角度90deg
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>div{width: 300px;height: 300px;border: 10px solid gray;background: linear-gradient(90deg,red,green);/* 1.支持多颜色渐变 2.支持多方向渐变 to left to top left3.支持角度90deg*/}</style>
</head>
<body><div></div>
</body>
</html>