html代码背景换肤功能

HTML代码实现背景换肤功能需要借助CSS样式表和JavaScript脚本。

1. 在HTML文件中插入以下代码，用于控制页面主体内容：

<div id="content">
  <!-- 页面主体内容 -->
</div>

2. 在CSS样式表中定义不同主题的样式，如下所示：

/* 默认主题 */
#content {
  background-color: #ffffff;
  color: #000000;
}

/* 黑色主题 */
.black #content {
  background-color: #000000;
  color: #ffffff;
}

/* 蓝色主题 */
.blue #content {
  background-color: #3498db;
  color: #ffffff;
}

3. 在HTML文件中插入以下代码，用于切换主题：

<button onclick="changeTheme('default')">默认主题</button>
<button onclick="changeTheme('black')">黑色主题</button>
<button onclick="changeTheme('blue')">蓝色主题</button>

4. 在JavaScript脚本中定义切换主题的函数，如下所示：

function changeTheme(theme) {
  document.body.className = theme;
}

当用户点击按钮时，调用`changeTheme`函数，将页面的`body`元素的`className`属性设置为对应的主题名称，从而改变页面的样式。