在HTML中设置背景图片的方法有很多，这里我将详细介绍两种常用的方法：使用CSS样式和内联样式。
方法一：使用CSS样式
1、我们需要在HTML文件中引入一个外部的CSS样式表，在<head>标签内添加以下代码：
<link rel="stylesheet" type="text/css" href="styles.css">
这里的href属性需要指向你的CSS文件（styles.css）。
2、接下来，我们在CSS文件中为<body>标签设置背景图片，打开styles.css文件，添加以下代码：
body {
backgroundimage: url('background.jpg');
backgroundrepeat: norepeat;
backgroundsize: cover;
}
这里的url()函数用于指定背景图片的路径，请确保图片与HTML文件位于同一目录下，或者使用相对路径。backgroundrepeat属性设置为norepeat表示图片不重复，backgroundsize属性设置为cover表示图片覆盖整个页面。
3、现在，我们可以在HTML文件中添加一些内容，看看背景图片是否生效，在<body>标签内添加以下代码：
<h1>欢迎来到我的网站！</h1> <p>这是一个使用CSS样式设置背景图片的示例。</p>
4、保存所有文件，然后在浏览器中打开HTML文件，你应该可以看到背景图片已经成功应用到页面上。
方法二：使用内联样式
1、在HTML文件中，我们可以直接在<body>标签内添加内联样式，将以下代码添加到<head>标签内：
<style>
body {
backgroundimage: url('background.jpg');
backgroundrepeat: norepeat;
backgroundsize: cover;
}
</style>
2、接下来，我们在HTML文件中添加一些内容，看看背景图片是否生效，在<body>标签内添加以下代码：
<h1>欢迎来到我的网站！</h1> <p>这是一个使用内联样式设置背景图片的示例。</p>
3、保存所有文件，然后在浏览器中打开HTML文件，你应该可以看到背景图片已经成功应用到页面上。
通过以上两种方法，我们可以在HTML中设置背景图片，如果你想要更灵活地控制背景图片，建议使用CSS样式表，这样可以使HTML文件更加简洁，同时方便后续修改和维护。
标签：文件,样式,html,HTML,CSS,设置,添加,背景图片 From： https://www.cnblogs.com/mswx/p/18612456