css画颜色由内向往渐变的圆环

使用CSS中的linear-gradient()函数可以实现内向外渐变的圆环效果。

首先，在CSS中创建一个div元素，并设置其宽度和高度为相同值，使其成为一个正方形。然后，设置该div的背景为线性渐变。

在linear-gradient()函数中，我们可以设置渐变的起始点和终止点，并指定每个颜色的位置。为了实现内向外的渐变效果，我们可以使用多个颜色，并使它们的位置接近中心和边缘。

以下是一个示例的CSS代码：

.div {
  width: 200px;
  height: 200px;
  background: linear-gradient(to right, red, yellow, green, blue);
  border-radius: 50%;
}

上述代码中，我们将div的背景设置为一个从红色到蓝色的渐变，位置分别接近中心和边缘的黄色和绿色作为过渡颜色。

通过将以上代码应用到HTML页面中的一个div元素上，我们可以得到一个内向外渐变的圆环。