当前位置:首页 > 设计在线 > 网页设计 > CSS/Xhtml > CSS实现无图片实现圆角框

CSS实现无图片实现圆角框

点击次数:19 次 发布日期:2008-11-26 22:43:02 作者:源代码网
源代码网推荐
[Copy to clipboard]CODE:
<style type="text/css">
源代码网推荐div.RoundedCorner{background: #9BD1FA}
源代码网推荐b.rtop, b.rbottom{display:block;background: #FFF}
源代码网推荐b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
源代码网推荐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>
源代码网推荐
源代码网推荐<div class="RoundedCorner">
源代码网推荐<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
源代码网推荐<br>无图片实现圆角框<br><br>
源代码网推荐<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
源代码网推荐
源代码网供稿.
网友评论 (0)
会员中心
设计在线
本站推荐
设计在线之精华