代码示例:(标识:css_background-image_gradient_2)
<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-image: url("/static/demo/images/gradient_bg.png");
  background-repeat: repeat-x;
}
</style>
</head>
<body>

<h1>Hello World!</h1>

<p>在这里,背景图像仅在水平方向上重复!</p>

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