查看文章 CSS怎么定义DIV圆角边框 2010年04月01日 星期四 23:07 br />"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> testdiv <br />#d1,#d3,#d4{<br />margin:5px 0px;<br />width:200px;<br />background-color:#eee;<br />}<br />#d1{<br />border:1px solid #444;<br />height:100px;<br />padding:0px 15px;<br />}<br />#d3,#d4{<br />margin-top:0px;<br />margin-bottom:0px;<br />border-left:1px solid #444;<br />border-right:1px solid #444;<br />}<br />.m{<br />height:100px;<br />width:200px;<br />padding:0px 15px;<br />position:relative;<br />}<br />#d3 .m{<br />margin:-4px 0px;<br />}<br />#d4 .m{<br />margin:-5px 0px;<br />}<br />.rt,.rb{<br />display:block;<br />width:232px;<br />margin-left:0px;<br />margin-right:0px;<br />}<br />.rt{<br />margin-top:5px;<br />}<br />.rb{<br />margin-bottom:5px;<br />}<br />.rt *,.rb *{<br />display:block;<br />height: 1px;<br />overflow: hidden;<br />background-color:#eee;<br />border-left:1px solid #444;<br />border-right:1px solid #444;<br />}<br />.r1{<br />margin: 0 5px;<br />background-color:#444;<br />}<br />.r2{<br />margin: 0 3px;<br />border-width:0px 2px;<br />}<br />.r3{<br />margin: 0 2px;<br />}<br />.r4{<br />margin: 0 1px;<br />height: 2px;<br />}<br />.rb1{<br />margin: 0 6px;<br />background-color:#444;<br />}<br />.rb2{<br />margin: 0 4px;<br />border-width:0px 2px;<br />}<br />.rb3{<br />margin: 0 3px;<br />}<br />.rb4{<br />margin: 0 2px;<br />}<br />.rb5{<br />margin: 0 1px;<br />height: 2px;<br />}<br /> <br />R=... class="r4"> R=5 class="r1">class="rb4"> R=6 class="rb2">