精美的圆角曾经困扰了很多的web开发者,如何更好,更快的获得令人满意的圆角?很多人都在思考,提出了各种个样的方法。有的使用图片,有的用javascript,有的只用css技术。下面是我收集的css圆角技术的一个列表,并做了简单的分类和比较。请注意下面的图片数量为零,又不需要javascript的技术。是我比较偏爱的技术。
只用css的技术
需要JavaScript的方法
| 名字 | 图片数量 | 固定 /流式布局 | |
|---|---|---|---|
| Corner.js | 0 | 固定 | |
| Anti-aliased Rounded corners with JQuery | 0 | 固定 / 流式 | |
| ShadedBorder | 0 | 固定 / 流式 | |
| Transcorners | 0 | 固定 | |
| Sweet Rounded Corners | 1 | 流式 | |
| DomCorners | 1, 2, 5 | 流式 | |
| Transparent Custom Corners and Borders | 2 | 固定 | |
| Customising custom corners and borders | 2 | 流式 | |
| curvyCorners | 0 | 固定 / 流式 | |
| Nifty Corners Cube | 0 | 固定 / 流式 | |
| Rico – Javascript Rounded Corners | 0 | 固定 | |
| Rounded Corners With CSS and JavaScript | 0 | 固定 | |
| Rounded Corners with CSS and JavaScript | 4 | 固定 | |
| MochiKit Rounded Corners | 0 | 流式 | |
| Octopus Engine | 8 | 流式 | |
| Editsite Rounded Corners | 0 | 固定 | |
| Anti-aliased Nifty Corners | 0 | 流式 | |
| Rounded Corners without Images | 0 | 流式 |
[一些实用的css代码集锦] [用css实现新闻列表中完美的标题截取] [CSS如何使DIV层水平居中(包括水平/垂直)] [CSS实现完美垂直居中]