html css实现背景循环改变颜色

可以使用CSS3中的动画特性，通过关键帧动画来实现背景循环改变颜色的效果。以下是一个简单的示例代码：

HTML代码：

<div class="background"></div>

CSS代码：

.background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation: changeColor 5s linear infinite;
}

@keyframes changeColor {
  0% {
    background-color: #ff0000; /*红色*/
  }
  25% {
    background-color: #00ff00; /*绿色*/
  }
  50% {
    background-color: #0000ff; /*蓝色*/
  }
  75% {
    background-color: #ffff00; /*黄色*/
  }
  100% {
    background-color: #ff00ff; /*紫色*/
  }
}

在上述代码中，我们创建了一个 `div` 元素，并设置其样式为全屏、绝对定位。接着，我们使用 `@keyframes` 关键帧动画来定义了背景颜色的变化过程，从红色到绿色、蓝色、黄色、紫色，再循环回到红色。最后，我们将这个动画应用到了 `div` 元素的 `animation` 属性上，使其无限循环播放。

通过这种方式，我们可以轻松实现背景循环改变颜色的效果。