不要图片的圆角表格代码

  <style>
.com
{
width:300;
height:200px;
}
.corner_t,.corner_b
{
font-size:0px;
height:2px;
line-height:0;
}
.corner_to
{
background:#ffcccc;
border:1px solid red;
border-bottom:0px;
font-size:0px;
height:3px;
margin-bottom:-3px!important;
margin:0px 2px -2px 2px;
clear:both;
}
.corner_bo
{
background:#ffcccc;
border:1px solid red;
border-top:0px;
font-size:0px;
height:3px;
margin-top:-3px!important;
margin:-2px 2px 0px 2px;
clear:both;
}
.corner_ti
{
background:#ffcccc;
border:1px solid red;
border-top:0px;
border-bottom:0px;
font-size:0px;
height:3px;
margin:0px 1px -2px 1px;
clear:both;
}
.corner_bi
{
background:#ffcccc;
border:1px solid red;
border-top:0px;
border-bottom:0px;
font-size:0px;
height:3px;
margin:-2px 1px 0px 1px;
clear:both;
}
.box
{
border-left:1px solid red;
border-right:1px solid red;
clear:both;
}
.tit
{
font-size:11pt;
height:20px;
line-height:20px;
padding-left:3px;
background:#ffcccc;
}
.txt
{
font-size:10pt;
height:200px;
padding:3px;
border:3px solid #ffcccc;
}
</style>
<table class=com align="center" cellpadding="0" cellspacing="0" >
<tr><td class="corner_t" align="center"><div class="corner_to"></div><div class="corner_ti"></div></td></tr>
<tr><td valign=top class="box">
<div class=tit><B>圆角效果</b></div>
<div class=txt>
好看吧，不要图片的哦！
</div>
</td></tr>
<tr><td class="corner_b" align="center"><div class="corner_bi"></div><div class="corner_bo"></div></td></tr>
</table>