不用切图的页面圆角

<style type="text/css">
<!--
.r {background:#ff0;border-right:1px solid #000;border-left:1px solid #000;height:1px;font-size:1px;overflow:hidden;display:block;}
.a1 {margin:0 5px; background:#000;}
.a2 {margin:0 3px; border-right-width:2px; border-left-width:2px;}
.a3 {margin:0 2px;}
.a4 {margin:0 1px; height:2px;}
.a5 {height:auto;font-size:medium;}
-->
</style>

<b class="r a1"></b><b class="r a2"></b><b class="r a3"></b><b class="r a4"></b>
<div class="r a5">test</div>
<b class="r a4"></b><b class="r a3"></b><b class="r a2"></b><b class="r a1"></b>