在css3中谈一下对属性border-radius（css3圆角）个人的使用体验推荐

摘要： CSS3属性之一：border-radius语法：border-radius ： none | <length>{1,4} [ / <length>{1,4...

CSS3属性之一：border-radius

语法：

border-radius ： none | <length>{1,4} [ / <length>{1,4} ]?

相关属性： border-top-right-radius , border-bottom-right-radius , border-bottom-left-radius , border-top-left-radius·

取值：

<length>：

由浮点数字和单位标识符组成的长度值。不可为负值。

border-top-left-radius：

由浮点数字和单位标识符组成的长度值。不可为负值。 

说明：

1. 第一个值是水平半径。

2. 如果第二个值省略，则它等于第一个值，这时这个角就是一个四分之一圆角。

3. 如果任意一个值为0，则这个角是矩形，不会是圆的。

4. 值不允许是负值。

让IE支持圆角

今天网上看到了一个让IE实现css3中的border-radius（圆角）:

//code from http://caibaojian.com/border-radius.html

.box-radius {

border-radius: 15px;

behavior: url(border-radius.htc);

}

下载htc文件（源码来自）：http://code.google.com/p/curved-corner/

注意：htc文件是要放在服务器上，放在本地测试是不行的！