css圆角效果-网页特效

　2008-08-13 19:25:50　来源：WEB开发网　　　

核心提示：<html> <head> <title>CSS圆角效果--网页特效</title><meta http-equiv="content-type" content="text/html; charse

<html> 
<head> 
<title>CSS圆角效果--网页特效</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<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>
</head>
<body>
<div class="RoundedCorner">

 无图片实现圆角框 

</div>
</body>
</html>