【示例】
-
HTML
<div></div>
-
CSS
* { margin: 0; padding: 0; } div { width: 300px; height: 300px; border-radius: 100%; margin: 50px auto; background-image: -webkit-radial-gradient(8em circle at top, hsla(220,89%,100%,1), hsla(30,60%,60%,.9)); background-image: radial-gradient(8em circle at top, hsla(220,89%,100%,1), hsla(30,60%,60%,.9)); }