HTML 背景图片

HTML 代表超文本标记语言。它用于使用标记语言设计或创建网页。它是超文本和标记语言的组合。在这里，超文本定义了网页之间的链接，而标记语言用于定义标签内的文本文档，该标签定义了网页的结构。在 HTML 中，我们可以通过向我们的 HTML 页面添加背景图像来使我们的网页看起来更有吸引力和迷人。因此，我们可以通过两种不同的方式添加背景图像：

1. 使用 标记内的背景图像属性添加背景图像。
2. 使用 HTML 样式属性添加背景图像。

在本文中，我们将学习这两种在网页中添加背景图片的方法。

1. 使用 标签内的 background-image 属性

在此方法中，我们将使用 标记内的背景图像属性添加背景图像。

句法：

例子：

HTML

  


  
Welcome to GeeksforGeeks

---

输出：

2.使用 HTML 样式属性。

在此方法中，我们将使用 HTML 样式属性为网页中的特定元素添加背景图像。

句法：

例子：

HTML

  


  
Welcome to GeeksforGeeks
  
      
A Computer Science portal for geeks.
  
      
A Computer Science portal for geeks.
  
      
A Computer Science portal for geeks.
  
      
A Computer Science portal for geeks.
  
      
A Computer Science portal for geeks.
  
      
A Computer Science portal for geeks.
  
      
A Computer Science portal for geeks.
  
      
A Computer Science portal for geeks.
  
      
A Computer Science portal for geeks.
  
      
A Computer Science portal for geeks.
  
      
A Computer Science portal for geeks.
  
      
A Computer Science portal for geeks.
  
  

在上面的示例中，我们可以看到标题“Welcome to GeeksforGeeks”没有背景图像，但我们有一个包含段落的 div 的背景图像。

输出：

怎么重复背景图片？

在 HTML 中，如果图像与元素相比较小，则图像会在水平和垂直方向上重复。它重复直到到达元素的末尾。如果您不想重复图像，请设置background-repeat的值 属性不再重复。让我们借助一个例子来讨论这个概念：

HTML

    


welcome

输出：