2012-01-28 15:38 81 0 发表评论

从网站统计里看到很多朋友是为了寻找圆角代码而到这里的，为了不让大家失望所以重写了两篇圆角教程，这一篇是背景图片制作圆角的方法，另一篇是纯CSS制作圆角的方法。
此文尚未完成！
COMING SOON…

 

方法一，九宫格：

把一整个圆角框分割为9个部分，4个圆角+4条边线+内容框。

方法二，层叠嵌套：

利用层叠遮盖的方法，做4层嵌套，内容放在最里面那层div里。

方法三，层叠错位：

上边和底边包含了圆角，用图片的层叠错位来实现圆角，中间是用css的border左右边线来作为边框。

方法四，绝对定位法（不推荐）：

把四个圆角绝对定位于上右下左，此方法在IE6和7下容易出现下面的两个圆角因为内容高度而定位不准的问题（比如在IE6下高度为奇数时，IE7高内容加载缓慢时）。

以上是我常用的方法，如果你还有其他好的方法，大家不妨交流下。

网页圆角代码（纯css） 教你怎么写jQuery的插件