【网页表格边框的角设置成圆弧】特效

 

  

   
   <
   style type
   =
   "
   text/css
   "
   >
   
div#nifty{ margin: 
   0
    
   10
   %
   ;background: #9BD1FA}
p {padding:10px}

div.rtop, div.rbottom{display:block;background: #FFF}
div.rtop div, div.rbottom div{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
div.r1{margin: 
   0
    5px}
div.r2{margin: 
   0
    3px}
div.r3{margin: 
   0
    2px}
div.rtop div.r4, div.rbottom div.r4{margin: 
   0
    1px;height: 2px}

   <
   /
   style>
   

   <
   div id
   =
   "
   nifty
   "
   >
   

   <
   div class
   =
   "
   rtop
   "
   ><
   div class
   =
   "
   r1
   "
   ><
   /
   div><div class="r2"><
   /
   div
   ><
   div class
   =
   "
   r3
   "
   ><
   /
   div><div class="r4"><
   /
   div
   ><
   /
   div>
   

   <
   p
   >
   无图片的圆角表格
   <
   /
   p>
   

   <
   div class
   =
   "
   rtop
   "
   ><
   div class
   =
   "
   r4
   "
   ><
   /
   div><div class="r3"><
   /
   div
   ><
   div class
   =
   "
   r2
   "
   ><
   /
   div><div class="r1"><
   /
   div
   ><
   /
   div>
   

   <
   /
   div>