用纯CSS来制作圆角DIV的原理，大约都是通过许多DIV的嵌套及margin得来。但是这样存在一个问题:一定会存在一圈被动边框区域。通过Javascript来实现DIV圆角可以很好的解决这个问题！但目前仅限于单个DIV.

步骤：

首先将curvycorners.src.js上传到FTP；

然后在head间添加以下代码，请注意调整路径！

<script type="text/JavaScript" src="curvycorners.src.js"></script>

<script type="text/JavaScript">

  addEvent(window, ‘load’, initCorners);

  function initCorners() {
    var settings = {
      tl: { radius: 10 },
      tr: { radius: 10 },
      bl: { radius: 10 },
      br: { radius: 10 },
      antiAlias: true
    }

    /*
    Usage:

    curvyCorners(settingsObj, selectorStr);
    curvyCorners(settingsObj, Obj1[, Obj2[, Obj3[, . . . [, ObjN]]]]);

    selectorStr ::= complexSelector [, complexSelector]…
    complexSelector ::= singleSelector[ singleSelector]
    singleSelector ::= idType | classType
    idType ::= #id
    classType ::= [tagName].className
    tagName ::= div|p|form|blockquote|frameset // others may work
    className : .name
    selector examples:
      #mydiv p.rounded
      #mypara
      .rounded
    */
    curvyCorners(settings, "#some");
  }

</script>

最后DIV命名id="some"