为什么要做圆角的div： 圆角div平滑美观，某些情况下有比较不错的效果。比如说要做一个报message的消息框，那么动态的生成一个圆角div则很有意义。而对html样式控制的css本身是不直接支持圆角div的。
现在实现圆角普遍用图片来控制，这种方法有其优点（产生的圆角平滑）。 但同时他也要求有吻合的图片，如果要动态的改变div的样式颜色则有些力不从心。还有就是用js来实现。
实现后的调用代码 如下
var objDiv = getRoundDiv.call(document,"solid 1px yellow","#dddddd")
objDiv.Div.style.width="100px";
objDiv.Content.style.margin="6 6 6 6 "
objDiv.Content.innerText="这是一个圆角div测试"
document.body.appendChild(objDiv.Div);
这样就产生了一个圆角div
实现原理：原理其实很简单，在div的top和bottom 加上三条线，用这三条线的不同长度来产生圆角的效果。
实现过程： 如何实现这三条线呢。 用<b> 这个元素，将其高度 设置为1px 。如果要显示边框则为其添加左边框和右边框。添加好线条以后，将内容div 和这三条线放在一个容器里，这个容器也是一个div。最终返回一个div类，这个类放两个属性，一个是容器div，通过这个容器div可以控制图形出现的位置和大小高度等属性。另一个属性是内容div，通过这个div可以设置这个div的内容，margin，字体颜色，背景颜色，字体大小，等属性。
注意的问题： 调用 getRoundDiv 这个方法需要传递一个方法上下文。我的理解是方法上下文相当与一个指针，指向调用方法的对象。为什么要用这个方法上下文呢？ 比如要在ie的 creatPopup 方法 产生出来的popup文档内新建一个圆角div的话，由于popup只能加载他自己创建的控件，所以可以将popup对象传递到方法内部，成为方法上下文指向的对象。 传递上下文的方法有两种function.call(obj,"arg1","arg2") 类似与这样。 另一种是 function.apply(obj,arguments)
详细代码如下：
/**************************************************************************/
/*RoundDiv.js 产生一个圆角div
调用
脚本中的事件有2种模型
1、 冒泡型事件：事件是按照从最特定的目标到最不特定的事件目标(document)的顺序依次触发。这是针对不同元素的同一事件类型
如：
<html onclick=”handleClick()”>
<head></head>
<body onclick=”handleClick()”>
<div ......
