JS圆角,不需要图片实现布局圆角 - Rounded Corners

支持任何div元素类或ID命名。 只需要二步:

  1. 下载圆角js文件到你网站根目录,并在head中引用,架设该文件命名为min.js
    <script type="text/javascript" src="min.js"></script>
  2. 在head区设定你要实现圆角的目标div,比如我要将某个class为test和test2的div显示为圆角呈现,并且圆角直径为8px,那么我就在head区域添加如下js代码:
    <script type="text/javascript">
    DD_roundies.addRule('.test, test2', '8px', true); /*四个角都是圆角*/
    /* DD_roundies.addRule('.region-bottomcontent', '0 0 8px 8px', true); /*根据需要灵活运用,该代码实现的是上面平角,下端圆角*/
    /* DD_roundies.addRule('.node-type-product #tabs-tabset, #tabs-tabset li a', '8px 8px 0 0', true); /*根据需要灵活运用,该代码实现的是上面圆角,下端平角*/
    </script>
    
    如此这样,就OK了
    

下载圆角js文件:http://www.dillerdesign.com/experiment/DD_roundies/

另外的jQuery实现圆角的例子:http://jquery.malsup.com/corner/,也是很COOL的

GOOGLE搜索rounded corners,你还会发现其他的更多实现圆角的方式,good luck!