#lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"#gt;
#lt;html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"#gt;
#lt;head#gt;
#lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /#gt;
#lt;title#gt;testdiv#lt;/title#gt;
#lt;style#gt;
#d1,#d3,#d4{
margin:5px 0px;
width:200px;
background-color:#eee;
}
#d1{
border:1px solid #444;
height:100px;
padding:0px 15px;
}
#d3,#d4{
margin-top:0px;
margin-bottom:0px;
border-left:1px solid #444;
border-right:1px solid #444;
}
.m{
height:100px;
width:200px;
padding:0px 15px;
position:relative;
}
#d3 .m{
margin:-4px 0px;
}
#d4 .m{
margin:-5px 0px;
}
.rt,.rb{
display:block;
width:232px;
margin-left:0px;
margin-right:0px;
}
.rt{
margin-top:5px;
}
.rb{
margin-bottom:5px;
}
.rt *,.rb *{
display:block;
height: 1px;
overflow: hidden;
background-color:#eee;
border-left:1px solid #444;
border-right:1px solid #444;
}
.r1{
margin: 0 5px;
background-color:#444;
}
.r2{
margin: 0 3px;
border-width:0px 2px;
}
.r3{
margin: 0 2px;
}
.r4{
margin: 0 1px;
height: 2px;
}
.rb1{
margin: 0 6px;
background-color:#444;
}
.rb2{
margin: 0 4px;
border-width:0px 2px;
}
.rb3{
margin: 0 3px;
}
.rb4{
margin: 0 2px;
}
.rb5{
margin: 0 1px;
height: 2px;
}
#lt;/style#gt;
#lt;/head#gt;
#lt;body#gt;
#lt;div id="d1"#gt;R=...#lt;/div#gt;
#lt;b class="rt"#gt;#lt;b class="r1"#gt;#lt;/b#gt;#lt;b class="r2"#gt;#lt;/b#gt;#lt;b class="r3"#gt;#lt;/b#gt;#lt;b
class="r4"#gt;#lt;/b#gt;#lt;/b#gt;
#lt;div id="d3"#gt;
#lt;div class="m"#gt;R=5#lt;/div#gt;
#lt;/div#gt;
#lt;b class="rb"#gt;#lt;b class="r4"#gt;#lt;/b#gt;#lt;b class="r3"#gt;#lt;/b#gt;#lt;b class="r2"#gt;#lt;/b#gt;#lt;b
class="r1"#gt;#lt;/b#gt;#lt;/b#gt;
#lt;b class="rt"#gt;#lt;b class="rb1"#gt;#lt;/b#gt;#lt;b class="rb2"#gt;#lt;/b#gt;#lt;b class="rb3"#gt;#lt;/b#gt;#lt;b
class="rb4"#gt;#lt;/b#gt;#lt;b class="rb5"#gt;#lt;/b#gt;#lt;/b#gt;
#lt;div id="d4"#gt;
#lt;div class="m"#gt;R=6#lt;/div#gt;
#lt;/div#gt;
#lt;b class="rb"#gt;#lt;b class="rb5"#gt;#lt;/b#gt;#lt;b class="rb4"#gt;#lt;/b#gt;#lt;b class="rb3"#gt;#lt;/b#gt;#lt;b
class="rb2"#gt;#lt;/b#gt;#lt;b class="rb1"#gt;#lt;/b#gt;#lt;/b#gt;
#lt;/body#gt;
#lt;/html#gt;
