div如何设置圆角图形？

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

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

具体 *** 作步骤如下：

1、首先打开sublime text软件，新建一个html文件，输入基本的html结构：

2、然后设置一个div，并设置div的class属性，在上方的style中设置样式，设置背景颜色、高度和宽度并设置border边框和边框的圆角属性，完成后保存：

3、最后打开浏览器就可以看到效果：