当前位置: 代码迷 >> HTML/CSS >> 纯CSS兑现圆角
  详细解决方案

纯CSS兑现圆角

热度:15   发布时间:2012-10-25 10:58:58.0
纯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" />   
    <style type="text/css">   
      <!--    
      #list_box {width:410px;margin-top:6px;background:#fff;overflow:hidden;}    
      .b2_lr {height:1px; font-size:0px;border:1px #C1DBFB solid; border-width:0 1px;overflow:hidden; background:#fff;}    
      .bt_yl {border:1px #C1DBFB solid;border-width:0 1px;overflow:hidden;height:120px;padding:2px 0; background:#fff;}    
      -->   
    </style>   
  </head>   
  <body>   
    <div id="list_box">   
      <div class="b2_lr" style="margin: 0pt 3px; background-color:#C1DBFB;"></div>   
      <div class="b2_lr" style="margin: 0pt 2px;"></div>   
      <div class="b2_lr" style="margin: 0pt 1px;"></div>   
      <div class="bt_yl" ></div>   
      <div class="b2_lr" style="margin: 0pt 1px;"></div>   
      <div class="b2_lr" style="margin: 0pt 2px;"></div>   
      <div class="b2_lr" style="margin: 0pt 3px; background-color:#C1DBFB;"></div>   
    </div>   
  </body>   
</html>
  相关解决方案