圆角CSS:

圆角CSS:
<style type="text/css">
.r0 {font-size:12px;width:80%;}
.r1 {height:1px; font-size:1px; overflow:hidden; display:block; background:#000; margin:0 5px;}
.r2 {height:1px; font-size:1px; overflow:hidden; display:block; border-right:2px solid #000; border-left:2px solid #000; margin:0 3px;}
.r3 {height:1px; font-size:1px; overflow:hidden; display:block; border-right:1px solid #000; border-left:1px solid #000; margin:0 2px;}
.r4 {height:2px; font-size:1px; overflow:hidden; display:block; border-right:1px solid #000; border-left:1px solid #000; margin:0 1px;}
.r5 {border-right:1px solid #000; border-left:1px solid #000; padding:0px 5px 0px 5px;}
</style>
使用方法:
<div class="r0">
<div class="r1"></div>
<div class="r2"></div>
<div class="r3"></div>
<div class="r4"></div>
<div class="r5">
<div>内容区</div>
</div>
<div class="r4"></div>
<div class="r3"></div>
<div class="r2"></div>
<div class="r1"></div>
</div>
posted @ 2007-01-12 14:38  しovのんeТs  阅读(438)  评论(1编辑  收藏  举报