代码示例:(标识:css_background-image_position)
<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-image: url("/static/demo/images/tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  margin-right: 200px;
}
</style>
</head>
<body>

<h1>Hello World!</h1>
<p>(www.sou-xun.com) 不重复并设置位置的背景实例。</p>
<p>现在,背景图像仅显示一次,并且位置与文本分开。</p>
<p>在此例中,我们还在右侧添加了外边距,因此背景图片将永远不会干扰文本。</p>

</body>
</html>
运行结果: