div的弯角边框

Question

我需要构建一个带有弯角边框的div,不使用角落里的任何图像.可能吗？

我不想在角落插入弯曲的图像,请帮我解决这个问题.

Answer 1

如果您想依赖webkit和Mozilla浏览器,可以使用以下css命令:

.radius {
-moz-border-radius: 6px;
-webkit-border-radius:6px;
border-radius: 6px;
    }

细节可以在这里查看.

有关CSS2规格border-radius的信息,请点击此处

不幸的是,这些不适用于ie.

你只能通过使用niftycube为IE浏览器的javascript路由,它具有支持列高度均衡的额外好处而没有问题.

Answer 2

试试这个库,它给我带来了奇迹!它是经过测试的跨浏览器解决方案.

该网站似乎[下](http://www.downforeveryoneorjustme.com/http://www.curvycorners.net).[上次项目更新](http://code.google.com/p/curvycorners/source/list)发布于2011年3月.项目托管于[Google Code](http://code.google.com/p/curvycorners /). (2认同)

Answer 3

您可以使用CSS在现代浏览器中实现圆角......

border-radius: 10px;

这称为渐进增强.IMO,这比具有边距和边框的图像和CSS技巧更好.除非你绝对必须有圆角.