圆角div

清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>

<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 #999;border-right:1px solid #999;}
 .b1,.b1b{margin:0 5px;background:#999;}
 .b2,.b2b{margin:0 3px;border-width:2px;}
 .b3,.b3b{margin:0 2px;}
 .b4,.b4b{height:2px;margin:0 1px;}
 .d1{background:#000;}
 .k {height:100px;}
 </style>
 </head>
 
<body>
 <div style="width:200px;">
 <b class="b1"></b><b class="b2 d1"></b><b class="b3 d1"></b><b class="b4 d1"></b>
 <div class="b d1 k" >

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