CSS3 是样式表语言的最新版本,它的一大优点就是支持圆角。一个新事物的产生总会带来一大批的追随者,但也会存在那么点兼容性问题。 Border Radius 是一款在线应用,可以很方便的生成 CSS3 圆角代码,即时显示效果,并提供 webkit ,Gecko 兼容代码。 @APPINN
代码如下:
-webkit-border-radius: 90px;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius: 90px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomleft: 25px;
border-radius: 90px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
访问地址: 官方网站
我用PIE,需要下载一份文件,然后使用他的代码,完美兼容所有浏览器
http://css3pie.com/
挺好看的。。。
-webkit和 -moz看起来总是这么碍眼
多了两倍的代码.
@yeah, 是的,明明有统一的标准了,但是各个浏览器还是使用自己的标准
圆角图片生成:http://www.atool.org/roundcorner.php