可以利用 background-position 属性改变图像在背景中的位置 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    body {
      background-image: url("/examples/img_tree.png");
      background-repeat: no-repeat;
      background-position: right top;
      margin-right: 200px;
    }
  </style>

</head>

<body>
  <h1>Hello World!</h1>
  <p>背景图片不重复，设置 position 实例。</p>
  <p>背景图片只显示一次，并与文本分开。</p>
  <p>实例中还添加了 margin-right 属性用于让文本与图片间隔开。</p>
</body>

</html>
        