Code
<Html>
<Head>
<Style type = "text/css">
Div. RoundedCorner... {background: # 9BD1FA}
B. rtop, B. rbottom... {display: block; background: # FFF}
B. rtop B, B. rbottom B... {display: block; height: 1px; overflow:
Hidden; background: # 9BD1FA}
B. r1. .. {margin: 0 5px}
B. r2. .. {margin: 0 3px}
B. r3. .. {margin: 0 2px}
B. rtop B. r4, B. rbottom B. r4... {margin: 0 1px; height: 2px}
</Style>
</Head>
<Body>
<Div class = "RoundedCorner">
<B class = "rtop"> <B class = "r1"> </B> <B class = "r2"> </B>
<B class = "R3"> </B> <B class = "r4"> </B>
<Table Style = "width: 500px; Height: 100px;">
<Tr>
<TD> cell 1 </TD>
<TD> Cell 2 </TD>
</Tr>
<Tr>
<TD> cell 3 </TD>
<TD> cell 4 </TD>
</Tr>
</Table>
<B class = "rbottom"> <B class = "r4"> </B> <B class = "r3"> </B>
<B class = "r2"> </B> <B class = "r1"> </B>
</Div>
</Body>
</Html> the effect is as follows: