<!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> <title>Untitled Page</title> <mce:style type="text/css"><!-- #box{width:100%;margin:20px auto;} b{display:block;} .b1,.b2,.b3,.b4{overflow:hidden;height:1px;border-left:1px solid #000;border-right:1px solid #000;} .b1{margin:0 5px;background:#000;} .b2{margin:0 3px;border-width:0 2px;} .b3{margin:0 2px;} .b4{height:2px;margin:0 1px;} #content{border:solid #000;border-width:0 1px;padding:20px;text-align:center;} --></mce:style><style type="text/css" mce_bogus="1">#box{width:100%;margin:20px auto;} b{display:block;} .b1,.b2,.b3,.b4{overflow:hidden;height:1px;border-left:1px solid #000;border-right:1px solid #000;} .b1{margin:0 5px;background:#000;} .b2{margin:0 3px;border-width:0 2px;} .b3{margin:0 2px;} .b4{height:2px;margin:0 1px;} #content{border:solid #000;border-width:0 1px;padding:20px;text-align:center;}</style> </head> <body> <div id="box"> <b><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b> <div id="content">CSS圆角</div> <b><b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b></b> </div> </body> </html>