Code
#wrap{
width:400px;
}

#top_wrap,#bottom_wrap{
overflow:hidden;
height:8px;
text-align:center;
}

#center_wrap{
height:200px;
background:#66ccfe;
}

#t1,#t2,#t3,#t4,#t5,#t6,#t7,#t8{
height:1px;
overflow:hidden;
margin:0 auto;
background:#66ccfe;
}

#t1{width:390px;}
#t2{width:394px;}
#t3{width:396px;}
#t4{width:398px;}
#t5{width:398px;}
#t6{width:400px;}
#t7{width:4009px;}
#t8{width:400px;}

二.利用背景圖制作圓角。正確切圖，適當(dāng)自適應(yīng)。
說(shuō)到用背景圖制作圓角，就必須進(jìn)行正確的切圖，圖片盡量地小，進(jìn)行自適應(yīng)則可。有三種情況，高固定，寬固定，完全自適應(yīng)。
高固定：只要切取左右兩部分的圓角部分，中間自適應(yīng)則可。
寬固定：跟高固定原理一樣。
完全自適應(yīng)：九宮格的原理，正確切取四角，中間自適應(yīng)。可以用表格或div絕對(duì)定位或多重嵌套，我比較喜歡表格。
做了一個(gè)四周帶邊框的div絕對(duì)定位九宮格的例子，所以要取8張圖（上下左右各1px寬的圖，四角）。這個(gè)都會(huì)，上面兩個(gè)肯定能搞出來(lái)的。
xhtml部分：

Code
<table width="276" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th id="top_left" scope="col"></th>
    <th id="top_mid"  scope="col"></th>
    <th id="top_right" scope="col"></th>
  </tr>
  <tr>
    <th id="center_left" scope="row"></th>
    <td id="center_mid">
    </td>
    <td id="center_right"></td>
  </tr>
  <tr>
    <th id="bottom_left" scope="row"></th>
    <td id="bottom_mid" ></td>
    <td id="bottom_right"></td>
  </tr>
</table>

css部分：

Code
#top_left {
width:13;
height:13;
background-image:url(top_left.gif);
background-repeat:no-repeat;
}

#top_mid {
width:auto;
height:13px;
background-image:url(top_mid.gif);
background-repeat:repeat-x;
}

#top_right {
width:13;
height:13;
background-image:url(top_right.gif);
background-repeat:no-repeat;
}

#center_left {
width:13px;
height:auto;
background-image:url(center_left.gif);
background-repeat:repeat-y;
}

#center_mid {
width:250px;
height:250px;
background-color:#daeefc;
}

#center_right {
width:13px;
height:auto;
background-image:url(center_right.gif);
background-repeat:repeat-y;
}

#bottom_left {
width:13px;
height:13px;
background-image:url(bottom_left.gif);
background-repeat:no-repeat;
}

#bottom_mid {
width:auto;
height:13px;
background-image:url(bottom_mid.gif);
background-repeat:repeat-x;
}

#bottom_right {
width:13px;
height:13px;
background-image:url(bottom_right.gif);
background-repeat:no-repeat;
}

我對(duì)圓角的認(rèn)識(shí)，今天先到這里。