css实现div圆角

 <style type="text/css">
    .spiffy{
display:block;
}
.spiffy *
{
display:block;
height:1px;
overflow:hidden;
background:#E8F5FE;
}
.spiffy1{
border-right:1px solid #E8F5FE;
padding-right:1px;
margin-right:3px;
border-left:1px solid #E8F5FE;
padding-left:1px;
margin-left:3px;
background:#E8F5FE;
}
.spiffy2{
border-right:1px solid #E8F5FE;
border-left:1px solid #E8F5FE;
padding:0px 1px;
background:#E8F5FE;
margin:0px 1px;
}
.spiffy3{
border-right:1px solid #E8F5FE;
border-left:1px solid #E8F5FE;
margin:0px 1px;
}
.spiffy4{
border-right:1px solid #E8F5FE;
border-left:1px solid #E8F5FE;
}
.spiffy5{
border-right:1px solid #E8F5FE;
border-left:1px solid #E8F5FE;
}
.spiffy_content
{
padding:0px 5px;
background:#E8F5FE;
}
   
    </style>

 

<b class="spiffy">
<b class="spiffy1"><b></b></b>
<b class="spiffy2"><b></b></b>
<b class="spiffy3"></b>
<b class="spiffy4"></b>
<b class="spiffy5"></b>
</b>
<div class="spiffy_content">
</div>
<b class="spiffy">
<b class="spiffy5"></b>
<b class="spiffy4"></b>
<b class="spiffy3"></b>
<b class="spiffy2"><b></b></b>
<b class="spiffy1"><b></b></b>
</b>