上一篇博文中提到了css2.0的圆角效果，但是没有实现，今天闲着没事儿做了一个，想想还是css3来的痛快，用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>
这只是其中一种方法，要是有更好的建议，请在评论区填上你宝贵的意见。
1207
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
