CSS2圆角效果

知道大家感兴趣的不是一张什么都不是的图片，所以给代码控们附上代码：


<html>
<head>
<title>圆角样式</title>
<style>
#box1{height:1px;margin-left:5px;margin-right:5px;background-color:red;}
#box2{height:1px;margin-left:3px;margin-right:3px;background-color:#bcbcbc;}
#box3{height:1px;margin-left:2px;margin-right:2px;background-color:#bcbcbc;}
#box4{height:1px;margin-left:1px;margin-right:1px;background-color:#bcbcbc;}
#box5{height:1px;margin-left:1px;margin-right:1px;background-color:#bcbcbc;}
.box{width:300px;height:200px;margin-left:380px;margin-top:200px;}
#body{height:190px;background-color:#bcbcbc;border-left:1px red solid;border-right:1px red solid;}
.smallbox{border-left:1px red solid;border-right:1px red solid;}
.smallbox1{border-left:2px red solid;border-right:2px red solid;}
</style>
</head>
<body>
<div class="box">
<div id="box1"></div>
<div id="box2" class="smallbox1"></div>
<div id="box3" class="smallbox"></div>
<div id="box4" class="smallbox"></div>
<div id="box5" class="smallbox"></div>
<div id="body"></div>
<div id="box5" class="smallbox"></div>
<div id="box4" class="smallbox"></div>
<div id="box3" class="smallbox"></div>
<div id="box2" class="smallbox1"></div>
<div id="box1"></div>
</div>
</body>
</html>


这只是其中一种方法，要是有更好的建议，请在评论区填上你宝贵的意见。