有3张图片，第一张固定在左边，第三张固定右边，第二张根据浏览器自动伸缩

(top-1_1.jpg,top-1_2.jpg,top-1_3.jpg)

1、样式

    <style>

        body,div

        {

         margin:0;

         padding:0;

        }

 /*顶框背景图片*/

.top1_bgimage

{

 background-image: url(images/top-1.jpg);

 background-repeat:no-repeat;

}

.top1_bgimage1

{

 background-image: url(images/top-1_1.jpg); height:71px; width:267px;float:left;

}

.top1_bgimage2

{

 background-image: url(images/top-1_2.jpg); height:71px;background-repeat:repeat-x;min-width:744px;

}

.top1_bgimage3

{

 background-image: url(images/top-1_3.jpg); height:71px; width:477px;height:71px; float:right;

}

    </style>

2、div

<div class="top1_bgimage2">

     <div class="top1_bgimage1"></div>

     <div class="top1_bgimage3"></div>  

</div>

3、图片资源：

top-1_1.jpg：

top-1_2.jpg：

top-1_3.jpg：

效果：