从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;
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;