PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> CSS >> 

7种CSS圆角框解决方案

7种CSS圆角框解决方案

来源:互联网  作者:  发布时间:2010-03-02
本文探讨的是前端设计种最常用的页面圆角框效果的7种不同方法实

6,无图片脚本圆角框(js半完美解决方案)

这种方案目前应该是比较完美的方案了。


图六

特点:

1.不用任何图形。

2.兼容性:通杀所有浏览器

3.圆角半径随意调整

4.重用性强:多个圆角任意调用。

5.颜色随意设置,并且可以使用复杂的图片做为背景,表现丰富。

6.结构无冗余,只需要在容器上定义一个class或ID就可以将这个div变成圆角。

7.圆角平滑。

缺点:

1.客户端禁用JS时就无圆角,不过在目前情势下,这种情况应该不会成为太大的问题。


延伸阅读:
百度有啊商城CSS+XHTML实现的圆角
css实现圆角图片
CSS圆角在CSS2和CSS3里的实现方法

Tags: css3   方案   解决   圆角   css   C  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号