如何在 HTML 中设置背景图像？

我们在一些网站上看到的背景图片不仅使它看起来很好，而且还增强了用户体验。背景图片有可能告诉用户网站的主题，使用户坚持网站。示例：如果您在您的网站上添加与旅行相关的背景图片，它会清楚地说明网站的主题，用户将进一步探索它。就像当您提供背景图片时，它也会邀请您的用户浏览其他网站页面。

阅读本文后，您将能够仅使用HTML 和 CSS在网页中设置背景图像。

在 HTML 文件中设置背景图像有两种方法：

1. 通过在 HTML 中的标签中使用 background 属性。
2. 通过使用内联或内部样式表。

方法一：在HTML标签中使用background属性

句法：

属性值：它保存要用作背景图像的图像文件。

注意： HTML 5 不支持 标签中的 background 属性，因此我们必须使用 CSS 将背景图片添加到网页中。

例子：

  

    

  


      
    
        
GeeksforGeeks
        
HTML  background Attribute
          
        
            It is a Computer Science portal For Geeks
        
    


  

输出：

方法二：通过使用内联或内部样式表，这里我们要使用HTML的style属性和CSS的background-image属性。

句法：

HTML

  

    

  

    
Welcome To GFG

  

输出：