如何在 HTML 中添加背景图片2025年3月25日 | 阅读 4 分钟 在 HTML 中，我们可以使用以下两种不同的方法轻松地在 HTML 文档中添加要显示在网页上的背景图像：
使用 Background 属性注意：HTML 5 不支持 <body> 标签的 background 属性，因此我们必须使用内部 CSS 选项在 HTML 文档中添加背景。如果我们要使用 Background 属性在 HTML 文档中添加背景图像，那么我们必须遵循以下给出的步骤。使用这些步骤，我们可以轻松地在网页上查看图像 步骤 1： 首先，我们必须在任何文本编辑器中输入 HTML 代码，或者在我们要使用 background 属性的文本编辑器中打开现有的 HTML 文件。 步骤 2： 现在，将光标移动到 HTML 文档中的起始 <body> 标签内。然后，输入 background 属性，如下面的代码块所示： 步骤 3： 之后，我们必须提供要添加的图像的路径。因此，在 background 属性中输入图像的路径。如果我们的图像存储在与 HTML 文件相同的目录中，则输入以下路径： 如果我们的图像存储在任何其他目录中，则输入该图像的正确路径，以便浏览器可以轻松读取该图像，如下面的代码块所示。 如果我们的图像在互联网上，我们也可以通过 URL 添加图像，如下面的代码块所示。 步骤 4： 最后，我们必须在文本编辑器中保存 HTML 文件或 HTML 代码。 上面代码的输出显示在以下屏幕截图中  使用内部样式表如果我们要使用 内部 CSS 在 HTML 文档中添加背景图像，那么我们必须遵循以下给出的步骤。使用这些步骤，我们可以轻松地在网页上查看图像 步骤 1： 首先，我们必须在任何文本编辑器中输入 HTML 代码，或者在我们要使用内部 CSS 选项添加背景图像的文本编辑器中打开现有的 HTML 文件。 步骤 2： 现在，我们必须将光标放置在 head 标签中，紧接着 HTML 文档中 title 标签的闭合之后，然后定义 <style> 标签的起始和闭合标签，如下面的代码块所示。 步骤 3： 现在，我们必须在 style 标签中输入元素 body。然后，输入 background-image 属性，如下面的代码块所示： 步骤 4： 最后，我们必须在文本编辑器中保存 HTML 代码并运行代码。执行后，我们将看到 HTML 文档中指定的图像作为网页的背景。以下屏幕截图提供了上述 HTML 代码的输出  下一主题如何将 HTML 转换为 PDF |
我们请求您订阅我们的新闻通讯以获取最新更新。
我们提供所有技术（如 Java 教程、Android、Java 框架）的教程和面试问题
G-13, 2nd Floor, Sec-3, Noida, UP, 201301, India
Python
Java
JavaScript
SQL
C
C++
HTML
CSS
React
Node.js
Spring Boot
C#
PHP
MySQL
MongoDB
AI
ML
DSA
DBMS
OS
Aptitude
Reasoning