从网站统计里看到很多朋友是为了寻找圆角代码而到这里的,为了不让大家失望所以重写了两篇圆角教程,这一篇是背景图片制作圆角的方法,另一篇是纯CSS制作圆角的方法。
此文尚未完成!
COMING SOON…
方法一,九宫格:
把一整个圆角框分割为9个部分,4个圆角+4条边线+内容框。
方法二,层叠嵌套:
利用层叠遮盖的方法,做4层嵌套,内容放在最里面那层div里。
方法三,层叠错位:
上边和底边包含了圆角,用图片的层叠错位来实现圆角,中间是用css的border左右边线来作为边框。
方法四,绝对定位法(不推荐):
把四个圆角绝对定位于上右下左,此方法在IE6和7下容易出现下面的两个圆角因为内容高度而定位不准的问题(比如在IE6下高度为奇数时,IE7高内容加载缓慢时)。
以上是我常用的方法,如果你还有其他好的方法,大家不妨交流下。