<P> </P>
<STYLE type=text/css>
.serif {
background: transparent; width:40%;
}
.serif h1, .serif p {
margin:0 10px;
}
.serif h1 {
font-size:2em; color:#fff;
}
.serif p {
padding-bottom:0.5em;
}
.serif .b1K, .serif .b2K, .serif .b3K, .serif .b4K {
display:block;
overflow:hidden;
font-size:1px;
}
.serif .b1K, .serif .b2K, .serif .b3K {
height:1px;
}
.serif .b2K, .serif .b3K {
background:#fc0;
border-left:1px solid #fff;
border-right:1px solid #fff;
}
.serif .b4K {
background:#fc0;
border-left:1px solid #fff;
border-right:1px solid #fff;
}
.serif .b1K {
margin:0; background:#fff;
}
.serif .b2K {
margin:0 1px;
border-width:0 2px;
}
.serif .b3K {
margin:0 3px;
}
.serif .b4K {
height:2px;
margin:0 4px;
}
.serif .boxcontent {
display:block;
background:#fc0;
border-left:1px solid #fff;
border-right:1px solid #fff;
margin:0 5px;
}
</STYLE>

<DIV class=serif><STRONG class=b1K></STRONG><STRONG class=b2K></STRONG><STRONG class=b3K></STRONG><STRONG class=b4K></STRONG>
<DIV class=boxcontent>
<H1>反向css圓角矩形</H1></DIV><STRONG class=b4K></STRONG><STRONG class=b3K></STRONG><STRONG class=b2K></STRONG><STRONG class=b1K></STRONG></DIV>