Radial gradient
The background-IMge attribute of the box can be used to create a radial gradient background with the form ==radial radial gradient()==
Background-image :radial-gradient(50% 50% == center coordinate ==,red,blue);
Generally not used, so a brief introduction, simple exercises…
Case presentation
<! DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta "> <title>Document</title> <style>. Box1 {width:200px; height:200px; border: 1px solid #000; /* background-image:radial-gradient(50% 50%,red ,blue ,green); */ background-image:radial-gradient(50% 50%,white,pink); } </style> </head> <body> <div class="box1"></div> </body> </html>Copy the code