当前位置:  开发笔记 > 编程语言 > 正文

div的弯角边框

如何解决《div的弯角边框》经验,为你挑选了3个好方法。

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

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



1> 小智..:

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

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

细节可以在这里查看.

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

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

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



2> Derek P...:

http://www.curvycorners.net/

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


该网站似乎[下](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 /).

3> alex..:

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

border-radius: 10px;

方便的发电机

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

推荐阅读
mobiledu2402852413
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有