简洁型css圆角矩形

<style type="text/css">

.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;}

.b1,.b2,.b3,.b1b,.b2b,.b3b{height:1px;}

.b2,.b3,.b4,.b2b,.b3b,.b4b,.b{border-left:1px solid #D1D1D1;border-right:1px solid #D1D1D1;}

.b1,.b1b{margin:0 5px;background:#D1D1D1;}

.b2,.b2b{margin:0 3px;border-width:2px;}

.b3,.b3b{margin:0 2px;}

.b4,.b4b{height:2px;margin:0 1px;}

.d1{background:#F7F8F9;}

.k{height:272px;width:493px;}

</style>

<div>


<b class="b1"></b><b class="b2 d1"></b><b class="b3 d1"></b><b class="b4 d1"></b>


<div class="b d1 k">


<font style="font-size:26px;color:red; margin:0px 10px;">简洁型css圆角矩形</font>


</div>


<b class="b4b d1"></b><b class="b3b d1"></b><b class="b2b d1"></b><b class="b1b"></b>

</div>

更多：/article/6191520.html