最简单的方法用DIV做圆角

我个人觉得最简单的还是用背景，用两张背景重叠，那HTML代码也会少点，比如：

一个要做圆角的DIV，设ID为bg

<divid="bg">

<divid="bg_left"></div>

</div>

让ID为bg的做个背景，背景向右对齐，向左延伸。

然后让ID为bg_left的浮动在左边，宽度BG的。

bg_left的背景就是左边的圆角向右延伸，但宽度小于bg，bg的背景就是右圆角向左延伸，如不用做透明的话，宽度多少就无所谓了，当然，方向也可以反过来，让bg_left这个框float在右边。。。

明白我的意思吗？呵呵。。。

我的就是这样做的，http://www.dafi.cn

自己另存源码来看。。。

div用CSS设定圆角的话，只有一个属性border-radius，但是该属性IE8都不能支持，只能在firefox、chorme等浏览器中看到。如果想在IE8或以下的浏览器中看到，只能找js代码实现。

有人写过专门的做圆角用的js代码，你可以搜搜看，印象中做成了corner函数，直接调用即可。

怎么能让一个DIV或者一个图片的四角为圆形呢？其实并不需要我们去把每个角都剪切掉，而只需要设置每个解的圆狐度即可。

案例代码：

div{border-radius:5px 5px 0 0}设置DIV对象盒子左上角和右上角5px圆角，其它两个角为0不圆角

border-radius:3px 4px 5px 6px代表设置对象左上角3px圆角、右上角4px圆角、右下角5px圆角、左下角6px圆角.box2 img{border-radius:5px}

设置DIV中的图片为圆角图片。

---