1、可以同时使用背景色和背景图，具体方法首先用hbuilder新建一个html文件，创建一个div，并给div一个class属性，在上方的style中设置class的样式，这里把div的宽度和高度设置大点，方便观察效果：
2、然后使用background设置属性；background是一个复合属性，有五个参数，第一个是背景颜色，第二个是图片，第三个是图片重复的设置，第四个是背景图像是否固定或者随着页面的其余部分滚动，第五个个背景图像的起始位置：
3、最后打开浏览器，就能看到图片了，图片覆盖不了的部分则是使用背景色填充：
所谓复合属性并不仅是CSS3才有的，复合属性指的是几种属性结合一起书写的，比如CSS当中的背景 background，其属性值包含“背景颜色、背景图片、背景定位、背景重复”等等border属性，属性值包含“边框宽度、边框颜色、边框线型”在CSS3当中，典型的复合属性，包括变形（transform）、过渡“transition”、动画“animation”等如果是初学HTML与CSS以及HTML5和CSS3，可以使用《HTML5布局之路》书籍学习，里面讲解的很完整，贴合实际前端开发工作这个目前的css3及以前的css规则中没有提及到。目前能够对背景进行的操作就是横向平铺（background-repeat:repeat-x）、纵向平铺（background-repeat:repeat-y）、完全平铺（background-repeat:repeat/不填写）、背景图大小（background-size）、背景定位区域（background-origin）、多重背景图片（background-image:url(bg_flower.gif),url(bg_flower_2.gif)）等，还没有涉及到你说的这个重复次数的问题，你可以根据背景图的大小和想要重复的次数计算一下对应的宽高，然后限定一下宽高进行完全平铺，最后用定位将这个标签定位到你想要的位置。
