切图排版页面圆角

Shmily奕蝶

css样式如下
.newFloatMethod{width:670px; height:38px;}
.newFloatMethod .middle{
    line-height:38px;
    margin:0 7px 0 7px;
    padding:0 0 0 10px;
    background:url("/images/guide.png") left top repeat-x;
}
.newFloatMethod .left{
    float:left;
    width:7px;
    height:38px;
    background:url("/images/guide1.png") left top no-repeat;
}
.newFloatMethod .right{
    float:right;
    width:7px;
    height:38px;
    background:url("/images/guide2.png") left top no-repeat;
}

html如下
<div class="newFloatMethod">
  <div class="left"></div>
  <div class="right"></div>
  <div class="middle">左右浮动法</div>

</div>