<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>div圆角效果 | 果冻空间</title>
<mce:style><!–
b.rtop, b.rbottom{display:block;background:#0CF;}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background:#FFF;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
–></mce:style><style mce_bogus=”1″><!–
b.rtop, b.rbottom{display:block;background:#0CF;}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background:#FFF;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
–></style>
</head>
<body style=”background-color:#0CF” mce_style=”background-color:#0CF”>
<b class=”rtop”><b class=”r1″></b><b class=”r2″></b><b class=”r3″></b><b class=”r4″></b></b><!–上方圆角–>
<div style=”background-color:#FFF;” mce_style=”background-color:#FFF;”>
sjflsjflsdjflsjflsjflsjsflsjflsjfl<br />
sjflsjflsdjflsjflsjflsjsflsjflsjfl<br />sjflsjflsdjflsjflsjflsjsflsjflsjfl<br />
<b class=”rbottom”><b class=”r4″></b><b class=”r3″></b><b class=”r2″></b><b class=”r1″></b></b><!–下方圆角–>
</div>
</body>
</html>