能不能用测试一下就知道了，准备两张图片01.jpg和02.jpg，大小都是100x100像素，完整代码如下：
<html><head>
<style type="text/css">
#container {
border-top: 10px solid #533336
max-width: 200px
height:100px
overflow: hidden
position: relative
background-image:url(01.jpg),url(02.jpg)
background-position:right top,left top
background-repeat:no-repeat,repeat
</style>
</head>
<body>
<div id="container"></div>
</body>
</html>
在浏览器中显示结果如图：
1、可以同时使用背景色和背景图，具体方法首先用hbuilder新建一个html文件，创建一个div，并给div一个class属性，在上方的style中设置class的样式，这里把div的宽度和高度设置大点，方便观察效果：
2、然后使用background设置属性；background是一个复合属性，有五个参数，第一个是背景颜色，第二个是图片，第三个是图片重复的设置，第四个是背景图像是否固定或者随着页面的其余部分滚动，第五个个背景图像的起始位置：
3、最后打开浏览器，就能看到图片了，图片覆盖不了的部分则是使用背景色填充：
