css3属性border-radius(css3圆角)

文章目录

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(圆角):

.box-radius {
border-radius: 15px;
behavior: url(border-radius.htc);
}

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

注意:htc文件是要放在服务器上,放在本地测试是不行的!

原文链接:css3属性border-radius(css3圆角) 版权所有,转载时请注明出处,违者必究。
注明出处格式:前端开发博客 (http://caibaojian.com/border-radius.html)

发表评论

请登录后发表评论: