Q
div的弯角边框
10
A
回答
7
出来试试这个库,它没有奇迹我!它是经过测试的跨浏览器解决方案。
+2
该网站似乎[down](http://www.downforeveryoneorjustme.com/http://www.curvycorners.net)。 [上次项目更新](http://code.google.com/p/curvycorners/source/list)于2011年3月开始。项目位于[Google代码](http://code.google.com/p/curvycorners /)。 – 2012-11-19 23:47:10
6
您可以使用CSS在现代浏览器中实现圆角...
border-radius: 10px;
这被称为progressive enhancement。国际海事组织,这比图像和或边界和边界CSS技巧要好。除非你绝对必须有圆角。
9
0
这里有一个我写道,如果你喜欢它,欢迎使用。它呈现任何尺寸的带有背景颜色但不包围整个框的边框的圆角框。它适用于白色页面背景,但可以通过编辑c1,c2 & c3样式中的边框颜色来更改。
.rounded {background-color:#f1f0f1}
.rounded .inner {padding:8px 10px 8px 12px}
.rounded .c1 {height:1px;line-height:1px;font-size:1px;border-width: 0px 4px 0px 4px;border-color:#FFFFFF;border-style:solid;padding:0px}
.rounded .c2 {height:1px;line-height:1px;font-size:1px;display:block;border-width: 0px 2px 0px 2px;border-color:#FFFFFF;border-style:solid;padding:0px}
.rounded .c3 {height:2px;line-height:1px;font-size:1px;display:block;border-width: 0px 1px 0px 1px;border-color:#FFFFFF;border-style:solid;padding:0px}
<div class="rounded" style="width:200px;height:100px">
<div class="c1"></div><div class="c2"></div><div class="c3"></div>
<div class="inner">
-- Content Here --
</div>
<div class="c3"></div><div class="c2"></div><div class="c1"></div>
</div>
-2
我想用一个jQuery插件来处理圆角。下面是jQuery站点上可用的圆角插件列表:http://plugins.jquery.com/taxonomy/term/189
相关问题
- 1. HTML Div元素有弯曲的边框
- 2. 带圆角的Div边框
- 3. css中的弯曲边框
- 4. 完成弯曲的边框不仅角落
- 5. 如何制作div块的弯曲边框?
- 6. 带边框的带角度的div
- 7. div的圆角底部边框
- 8. 将内角弯曲边框添加到活动菜单
- 9. 在CSS中稍微弯曲的边框
- 10. 如何绘制弯曲边界的右下角三角形?
- 11. 将边框应用于div与圆角?
- 12. 创建完整边框三角形div
- 13. CSS跨浏览器弯曲边框
- 14. popup.html上的弯角?
- 15. CSS3边框半径和更大的圆角DIV在DIV
- 16. CSS3角边框
- 17. 角边框
- 18. 圆角边框
- 19. CSS边框 - 不带边角的框
- 20. div无边框
- 21. DIV外边框
- 22. 边框角落:三角形
- 23. 用CSS折弯div
- 24. 具有弯曲边缘的UIView(而不是圆角半径)
- 25. 用直线和弯角创建多边形的常用功能
- 26. 如何有一个弯曲的边缘三角形
- 27. 虚线边框边框圆角
- 28. 在IE8弯曲的角落?
- 29. 三角形边框
- 30. CSS圆角边框
检查[此文章](http://stackoverflow.com/questions/635851/support-for-border-radius-in-ie) - 一个很简单的跨浏览器CSS3代码。 – Shahar 2012-06-12 16:51:16