css round

<style type="text/css">
#round_a {width:   100% ;background-color:transprant  }
#round_a  #r1{display:block;height:1px;overflow:hidden;}
#round_a  #r2{display:block;height:1px;overflow:hidden;}
#round_a  #r3{display:block;height:1px;overflow:hidden;}
#round_a  #r4{display:block;height:1px;overflow:hidden;}
#round_a  #r1,#r2,#r3,#r4,#r5{border: cyan;background: #ff0000;}
#round_a  #r1{background: cyan;}
#round_a  #r1{margin:0px 5px 0px 5px;}
#round_a  #r2{border-left:solid 2px;border-right:solid 2px;margin:0px 3px 0px 3px;} 
#round_a  #r3{border-left:solid 1px;border-right:solid 1px;}
#round_a  #r4{border-left:solid 1px;border-right:solid 1px;}
#round_a  #r5{border-left:solid 1px;border-right:solid 1px;} 
#round_a  #r3{margin:0px 2px 0px 2px;}
#round_a  #r4{height:2px;}
#round_a  #r4{margin:0px 1px 0px 1px;} 
#round_a  #r5{padding:0px 5px 0px 5px;} 
</style>

<table cellspacing=0 border=0 cellpadding=0>
<tr><td bgcolor=yellow>&nbsp;</td><td width=150 bgcolor=yellow>

<!--라운드 START-->
<div id=round_a>
<b id=r1></b><b id=r2></b><b id=r3></b><b id=r4></b>
<div id=r5 >
<!--라운드내부 START-->
content
<b>내용</b>
<!--라운드내부 END-->
</div>
<b id=r4></b><b id=r3></b><b id=r2></b><b id=r1></b>
</div>
<!--라운드 END-->

</td><td bgcolor=yellow>&nbsp;</td></tr>
</table>