今天遇到了这个CSS3的属性,效果很不错,不过就是IE浏览器用不了有点杯具,如果可以用的话,至少很多地方都不用自己去做图片样式的圆角了!

语法： border-radius ： none | {1,4} [ / {1,4} ]?

其他有用的属性： border-top-right-radius , border-bottom-right-radius , border-bottom-left-radius , border-top-left-radius

取值：整数或者小数。

border-top-left-radius：由浮点数字和单位标识符组成的长度值。不可为负值。

说明：第一个值是水平半径。 如果没有第二个值，那么就默认等于第一个值，如果有值为0，那么这个角就是一个直角，而不是圆的。 还有,不允许负值哦~亲。

最简单的例子就是 border-radius:10px;这样会实现一个10px的圆角.当然要和其他的属性一起用~

而以-moz开头的CSS属性是Firefox特有的扩展样式，而以-webkit开头的样式是Webkit浏览器特有的扩展样式.

所以-moz-border-radius使用上和border-radius是一样的,只是他只能为FF提供效果罢了...

上一篇:更强大的输出sprintf() 下一篇:快递查询API