代码示例:(标识:css3_background_multiple_1)
<!DOCTYPE html>
<html>
<head>
<style> 
#example1 {
  background-image: url(/static/demo/images/flower.gif), url(/static/demo/images/paper.png);
  background-position: right bottom, left top;
  background-repeat: no-repeat, repeat;
  padding: 15px;
}
</style>
</head>
<body>

<h1>多重背景</h1>
<p>下面的 div 元素有两副背景图像:</p>

<div id="example1">
  <h1>Welcome to Shanghai</h1>
  <p>Shanghai is one of the four direct-administered municipalities of the People's Republic of China. Welcome to Shanghai!</p>
  <p>The city is located on the southern estuary of the Yangtze, with the Huangpu River flowing through it.</p>
</div>

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