.selector {
background: url(main-image.jpg) no-repeat 0 0;
width: 450px;
height: 300px;
}这个例子中，大家使用了一个名为“selector”的选择器，它的背景是一张名为 “main-image.jpg”的图片，它的尺寸为 450 像素宽、300 像素高。这并不是什么新鲜的技术了，很多设计师都会使用它来解决图片的布局问题。但是，在这个选择器的属性之中，大家看到了一个很重要的东西：no-repeat。它的作用是防止主要图片被复制和平铺，导致多张相同的图片出现在网页上。
这样一来，图片就按照大家的要求被放在背景里了。但是，大家要说的是，其实这个背景里也可以再放置一些图片。看下面这个例子：
.selector {
background: url(main-image.jpg) no-repeat 0 0,
url(sub-image.jpg) no-repeat 100px 50px;
width: 450px;
height: 300px;
}这个例子中，大家给选择器添加了另一张名为 “sub-image.jpg”的图片，并把它放在了主要图片的右上方。要使用这个技巧，你需要注意一件事情：在使用多个背景图片时，必须在每张图片的属性之间加上逗号。这样一来，大家就可以在网页上实现更加复杂的图片布局。
总结来说，CSS 技术可以让大家更加精细地控制网页上的各个元素，包括图片的布局。使用 CSS 技能会让你在设计网页时更加灵活自如。