html背景自动换,html页面换皮肤颜色、背景图片（更换页面背景，常驻缓存）刷新保存...

您可以使用CSS样式表来实现HTML页面的背景自动换、换皮肤颜色和更换页面背景图片。以下是一些实现方式：

1. 背景自动换：使用CSS3中的动画属性实现背景图片自动切换，如下所示：

body {
  background-image: url(bg1.jpg);
  animation: bgChange 10s infinite;
}

@keyframes bgChange {
  0% {
    background-image: url(bg1.jpg);
  }
  50% {
    background-image: url(bg2.jpg);
  }
  100% {
    background-image: url(bg3.jpg);
  }
}

2. 换皮肤颜色：使用CSS变量来实现换肤功能，如下所示：

:root {
  --main-color: #ff0000;
}

body {
  color: var(--main-color);
}

/* 换肤按钮点击后修改变量的值 */
button {
  background-color: #000;
  color: #fff;
  cursor: pointer;
}

button:hover {
  background-color: #fff;
  color: #000;
}

button:active {
  transform: scale(0.9);
  transition: transform 0.2s ease-in-out;
}

button[data-color="#ff0000"] {
  background-color: #ff0000;
}

button[data-color="#00ff00"] {
  background-color: #00ff00;
}

button[data-color="#0000ff"] {
  background-color: #0000ff;
}

3. 更换页面背景图片：使用JavaScript来实现更换背景图片，并将图片地址保存到本地缓存中，如下所示：

// 从本地缓存中获取背景图片地址
var bgImage = localStorage.getItem('bgImage');

if (bgImage) {
  document.body.style.backgroundImage = 'url(' + bgImage + ')';
}

// 更换背景图片按钮点击事件
var bgButton = document.querySelector('#bg-button');

bgButton.addEventListener('click', function() {
  var images = ['bg1.jpg', 'bg2.jpg', 'bg3.jpg'];
  var index = Math.floor(Math.random() * images.length);
  
  // 将选中的图片地址保存到本地缓存中
  localStorage.setItem('bgImage', images[index]);
  
  // 更新页面背景图片
  document.body.style.backgroundImage = 'url(' + images[index] + ')';
});

以上是一些实现HTML页面的背景自动换、换皮肤颜色和更换页面背景图片的方法，您可以根据自己的需求选择适合的方式。