圆角实现方法很简单的一段CSS代码

1.     img{
   
2.     border-radius: 6px;
   
3.     -webkit-border-radius: 6px;
   
4.     -moz-border-radius: 6px;
   
5.     }

复制代码

在CSS文件底部加上如下代码，将实现全站所有图片的圆角效果。
边框的圆角效果还没有找到，有的朋友希望共享下。


演示站点：http://www.apple45.com

代码什么的看不懂

在哪个CSS的文件加？能否说明白点

坚持就是胜利，楼主又验证了

<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" style="width:580px; height:336px;">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div style="width:579px; height:336px; background:url(css_img/yuanjiaoceshi.jpg); margin-bottom:-5px;"></div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>


边框圆角

在CSS文件底部加上如下代码，将实现全站所有边框的圆角效果

1. .bm, .ntc_l, .pn { border-radius: 5px; }

复制代码