用纯div+css实现最简单的圆角处理

来源：互联网发布：梦100日日树涉数据编辑：程序博客网时间：2024/05/29 09:13

这个真的挺简单的，我看了别人的一个例子，发现还可以做得更简单于是就有了下面的代码，供大家分享啊

<html><head>      <title>my first circle example</title>     <style type="text/css">        div.d1,div.d2{background:#fff}        div.d1 b,div.d2 b{background:red;}        b.a{height:1px; margin: 0 6px; display:block;}        b.b{height:1px; margin: 0 4px; display:block;}        b.c{height:1px; margin: 0 3px; display:block;}        b.d{height:1px; margin: 0 2px; display:block;}        b.e{height:2px; margin: 0 1px; display:block;}               </style></head><body><div style="background:red">   <div class="d1">        <b class="a"></b>        <b class="b"></b>        <b class="c"></b>        <b class="d"></b>        <b class="e"></b>   </div><br>   <div class="d2">        <b class="e"></b>        <b class="d"></b>        <b class="c"></b>        <b class="b"></b>        <b class="a"></b>   </div></div></body></html>