在HTML5中，更改背景图的颜色是一个相对简单的过程，如果您想要将背景图的白色部分更改为其他颜色，可以通过CSS样式表来实现，以下是一篇关于如何更改HTML5背景图白色的详细教程。
我们需要了解HTML5中的背景图是如何设置的，通常，我们会使用CSS的background-image属性来设置背景图。
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("your-image.jpg");
}
</style>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
在上面的代码中，我们通过background-image属性将图片文件your-image.jpg设置为背景图，现在，如果我们想要更改背景图中的白色部分，我们需要使用CSS的mask属性。
mask属性允许我们使用一个图像或渐变来隐藏某个元素的某些部分，在这种情况下，我们可以创建一个与背景图像大小相同的黑白蒙版，其中白色代表要隐藏的部分，黑色代表要显示的部分，我们可以将这个蒙版应用到背景图上。
以下是如何实现这个效果的示例：
1、我们需要创建一个黑白蒙版，这个蒙版应该与您的背景图像大小相同，您可以使用图像编辑软件（如Adobe Photoshop或GIMP）来创建这个蒙版，如果您的背景图像是1000x1000像素，那么您的蒙版也应该是1000x1000像素，在这个蒙版中，将您希望隐藏的白色部分变为黑色，其余部分保持白色。
2、接下来，将蒙版保存为一个新的图像文件，例如mask.png。
3、现在，我们需要在CSS中将这个蒙版应用到背景图上，为此，我们可以使用mask属性，将以下代码添加到您的HTML文件的<style>部分：
body {
background-image: url("your-image.jpg"), url("mask.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
在上面的代码中，我们使用了一个逗号将背景图像和蒙版分开，这意味着这两个图像将一起应用到body元素上。background-repeat属性设置为no-repeat，以确保图像和蒙版不会重复。background-size属性设置为cover，以确保背景图像和蒙版覆盖整个body元素。background-position属性设置为center center，以确保图像和蒙版居中显示。
现在，当您查看HTML页面时，您会注意到背景图中的白色部分已经被更改为其他颜色，您可以根据需要更改蒙版中的黑色和白色部分，以实现所需的效果。
通过使用CSS的mask属性，我们可以轻松地更改HTML5背景图中的白色部分，只需创建一个黑白蒙版并将其应用到背景图上，即可实现所需的效果。