用css实现圆角

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< title > 圆角示例 </ title >
< style  type ="text/css" > ...
<!--
.headerRCBox {...}{ }
.headerRCBox .rch {...}{ display: block; }
.headerRCBox .rch * {...}{
    display: block;
    height: 1px;
    overflow: hidden;
    background: #CCC;
    }
.headerRCBox .rch1 {...}{
    border-right: 1px solid #E9E9E9;
    padding-right: 1px;
    margin-right: 3px;
    border-left: 1px solid #E9E9E9;
    padding-left: 1px;
    margin-left: 3px;
    background: #D9D9D9; /**//* rch5 */
    }
.headerRCBox .rch2 {...}{
    border-right: 1px solid #FAFAFA;
    border-left: 1px solid #FAFAFA;
    padding: 0px 1px;
    background: #D6D6D6; /**//* rch3 */
    margin: 0px 1px;
    }
.headerRCBox .rch3 {...}{
    border-right: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    margin: 0px 1px;
    }
.headerRCBox .rch4 {...}{
    border-right: 1px solid #E9E9E9;
    border-left: 1px solid #E9E9E9;
    }
.headerRCBox .rch5 {...}{
    border-right: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    }
.headerRCBox .content {...}{
    background: #CCC;
    padding: 0px 6px 2px 6px;
    }-->
</ style >
</ head >

< body >

< div  class ="headerRCBox" >

     < b  class ="rch" >
     < b  class ="rch1" >< b ></ b ></ b >
     < b  class ="rch2" >< b ></ b ></ b >
     < b  class ="rch3" ></ b >
     < b  class ="rch4" ></ b >
     < b  class ="rch5" ></ b >
     </ b >  
     < div  class ="content" >         
         < div  class ="headerTitleRight" >     
             < div  class ="label"  style ="margin-right: 5px;" >
                Groups 1 - 10 of 39
             </ div >
         </ div >
         < div  class ="headerTitle" > Featured Groups </ div >
     </ div >
    
</ div >
    
</ body >
</ html >