13.渐变
html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>渐变</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
</body>
</html>
css:
body{
background-color: #ffffff;
background-image: linear-gradient(135deg, #FFFFFF 0%, #6284FF 50%, #FF0000 100%);
/*渐变网址:https://www.grabient.com/*/
}
运行结果: