背景颜色的简写属性为 "background" - 在线编辑器

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

</head>

<body>
  <h1>Hello World!</h1>
  <p>背景图片只显示一次,但它位置离文本比较远。</p>
  <p>在这个例子中我们添加了一个右边距,所以背景图像不会打扰到文本。</p>
</body>

</html>
​x
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    body {
      background: #ffffff url("/examples/img_tree.png") no-repeat right top;
      margin-right: 200px;
    }
  </style>
​
</head>
​
<body>
  <h1>Hello World!</h1>
  <p>背景图片只显示一次,但它位置离文本比较远。</p>
  <p>在这个例子中我们添加了一个右边距,所以背景图像不会打扰到文本。</p>
</body>
​
</html>