一些图像如果在水平方向与垂直方向平铺，这样看起来很不协调，如下所示 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    body {
      background-image: url("/examples/gradient2.png");
    }
  </style>
</head>

<body>
  <h1>Hello World!</h1>
</body>

</html>
        