纯CSS代码写的圆角效果

大家可以自行测试下，纯CSS代码写的圆角效果

<style type="text/css"> 

 .tab{position:relative;margin:20px auto; width:50px;text-align:center} 

 .tab a{ background:#F27B04;display:block;line-height:30px; height:30px;} 

 .tl,.tr{ background:#FFDEBB;display:block;width:1px; top:0;height:1px; position:absolute;} 

 .tl{left:0;} 

 .tr{right:0;} 

 </style> 
   

<div class="tab"> 

    <a href="">建站学</a> 

    <b class="tl"></b> 
    <b class="tr"></b>