如何使用CSS从内容的左上角开始设置背景图像？

在本文中，我们将学习如何使用 CSS 设置从内容左上角开始的背景图像。

方法：我们使用CSS的background-image属性来设置背景图片。为了把它放在左上角，我们将使用background-origin属性，用于调整网页的背景图像。因此，要从内容的左上角开始设置背景图像，我们将 background-origin 属性值设置为 border-box 或 padding-box。

句法：

background-origin: border-box | padding-box

示例 1：

HTML

  
    
    
  
  
    

  

/sourcecode]
  
  
Output:
  

  
Example 2:
  
  
HTML                  
  

  
    
    
  
  
    

  

输出：