CSS3的诞生为我们解决了这个问题。在CSS3中，可以通过background-image或background为一个容器设置多个背景图像，这意味着不同的背景图像只能放在一个块元素中。我们先看语法：背景：[背景-图像] |[背景-原点]|[背景-剪辑]|[背景-重复]|[背景-大小]|。[背景-附件]|[背景-位置]多张背景图片的URL要用逗号隔开。如果有多个背景图片，并且只有一个其他属性(例如，只有一个背景-重复)，属性值应该应用于所有背景图片。让我们看一个例子：这里我们将使用5张图片作为div容器的背景。我们来看看代码：HTML代码：Copy代码如下： div class=' div 1 ' a href=' # ' title=' we ' we/a/div CSS代码：Copy代码如下： div 1 { margin 336050 px auto。宽度width:700px高度：450 px；border:10px虚线# ff 00 ff；背景-image:url(images/1.jpg)、url(images/2.jpg)、url(images/3.jpg)、url(images/4.jpg)、URL(images/5 . jpg)；背景-重复t : no-重复，no-重复，no-重复，no-重复，no-重复；背景-位置：左上、右上、左下、右下、居中；}效果如下：。

上面的代码中有这样一句话：复制代码如下：后台-重复：不重复；只要写一个值，效果完全一样。当然，上面设置背景图片的属性时，是分开写的，所以我们也可以把背景图片的属性写在一起。此时的CSS代码如下：复制代码如下：div 1.背景3360 URL (images/1.jpg)无重复左上角，url(images/2.jpg)无重复右上角，url(images/3.jpg)无重复左下角，url(images/4.jpg)无重复右下角，url(images/5.jpg)无重复居中；}哦，CSS3的各种背景就是这样。很简单。下面提供了完整的源代码和示例，可以作为参考。