HTML+CSS实现圆角矩形（不需要图片）——抄自GTalk

从GTalk的css模板里抠出来的东东 :P

道理其实很简单，架设矩形的圆角高度为4，那么由上到下依次是（单位px，所给出的边框宽度均为1px且颜色保持保持一致）：
高度为1，左右间隔均为5，仅有上方边框的div；
高度为1，左右间隔均为3，仅有左右边框的div；
高度为1，左右间隔均为2，仅有左右边框的div；
高度为1，左右间隔均为1，仅有左右边框的div；
左右间隔均为0，仅有左右边框的div——放置内容；
高度为1，左右间隔均为1，仅有左右边框的div；
高度为1，左右间隔均为2，仅有左右边框的div；
高度为1，左右间隔均为3，仅有左右边框的div；
高度为1，左右间隔均为5，仅有下方边框的div

废话少说，代码在此

css样式定义：

div.panel {...} {
  clear:both;
}
DIV.panel DIV.b0  {...} {
  height: 1px;
  font-size: 1px;
  overflow: hidden;
  margin: 0px 5px;
  border-top: 1px solid #938F5A;
}
DIV.panel DIV.b1  {...} {
  height: 1px;
  font-size: 1px;
  overflow: hidden;