Quantcast
Channel: TStyle » CSS
Viewing all articles
Browse latest Browse all 3

网页圆角代码(背景图)

$
0
0

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

方法一,九宫格:

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

方法二,层叠嵌套:

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

方法三,层叠错位:

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

方法四,绝对定位法(不推荐):

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

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


Viewing all articles
Browse latest Browse all 3

Trending Articles