css圆角box(网上流行用b标签)

css圆角box备忘

<style type="text/css">
div.box{}
div.boxtitle{background-color:#888; height:24px; line-height:24px; vertical-align:middle; padding-left:10px;}
div.boxcontent{ padding:10px; border:1px #888 solid;}
b.r   {display:block;background: #fff}
b.r b {display:block;height: 1px;overflow: hidden; background: #888;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.r b.r4{margin: 0 1px;height: 2px}
</style>

<div class="box">
  <b class="r"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
  <div class="boxtitle">标题Hello</div>
  <div class="boxcontent">
    <ul>
      <li>aaa</li>
      <li>bbb</li>
      <li>ccc</li>
      <li>ddd</li>
      <li>eee</li>
      <li>fff</li>
      <li>ggg</li>
    </ul>
  </div>
</div>