不使用border-radius，实现一个可复用的高度和宽度都自适应的圆角矩形-jimmie.Mr

现在css3支持圆角矩形，但是为了兼容性问题，虽然比较麻烦，但还是有必要了解一下以下方法。

在一个div内，包含8个div，控制这个8个div的height、margin以及border属性值，以达到圆角矩形效果,不过要注意div的顺序。

html代码：

   body  > 

     div   class  ="bor"  > 
       div   class  ="b1"  >  div  > 
       div   class  ="b2"  >  div  > 
       div   class  ="b3"  >  div  > 
       div   class  ="b4"  >  div  > 
     div  > 

     div   class  ="mid"  > 
       p  > 不使用border-radius的情况下实现一个可复用的高度和宽度都自适应的圆角矩形   p  > 
     div  > 

     div   class  ="bor"  > 
       div   class  ="b4"  >  div  > 
       div   class  ="b3"  >  div  > 
       div   class  ="b2"  >  div  > 
       div   class  ="b1"  >  div  > 
     div  > 


   body  >  

查看更多关于不使用border-radius，实现一个可复用的高度和宽度都自适应的圆角矩形-jimmie.Mr的详细内容...