Css设计div圆角

　 < html >
　　 < head >  
　　 < title > change style title >  
　　 < style  type ="text/css" >  
.spiffy {  
display : block ;  
}  
.spiffy * {  
display : block ;  
height : 1px ;  
overflow : hidden ;  
background : #0a67e6 ;  
}  
.spiffy1 {  
border-right : 1px solid #95bdf4 ;  
padding-right : 1px ;  
margin-right : 3px ;  
border-left : 1px solid #95bdf4 ;  
padding-left : 1px ;  
margin-left : 3px ;  
background : #478dec ;  
}  
.spiffy2 {  
border-right : 1px solid #e6effc ;  
border-left : 1px solid #e6effc ;  
padding : 0px 1px ;  
background : #3883ea ;  
margin : 0px 1px ;  
}  
.spiffy3 {  
border-right : 1px solid #3883ea ;  
border-left : 1px solid #3883ea ;  
margin : 0px 1px ;  
}  
.spiffy4 {  
border-right : 1px solid #9500f4 ;  
border-left : 1px solid #9500f4 ;  
}  
.spiffy5 {  
border-right : 1px solid #478dec ;  
border-left : 1px solid #478dec ;  
}  
.spiffy_content {  
padding : 0px 5px ;  
background : #0a67e6 ;  
}  
style >  
　　 head >  
　　 < body >  
　　 < div >  
< 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" >  
< br >
< br >
< br >
　 < p > 　 p >
< p > 　 p >
< p > 　 p >
< p > 　 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 >  
div >  

　　 html >

今天看到一个关于使用Css样式表来设计圆角的例子觉得不错,把代码收集起来已备参考.具体实现代码如下