读书人

css3.0:border-radius 圆角框子

发布时间: 2012-10-26 10:30:59 作者: rapoo

css3.0:border-radius 圆角边框
在css3.0中,又添加了一个新的属性border-radius,使用border-radius这个属性可以实现圆角边框的效果。除IE和遨游外,目前有Firefox ,Safari,Chrome,Opera支持该属性,其Safari,Chrome,Opera是支持最好的,依照了w3c的标准,仅仅使用border-radius,就可以实现效果,无需加入前缀-webkit。而火狐依然需要加上前缀-moz。
即:
Firefox支持border-radius(圆角):-moz-border-radius:10px;

webkit内核的Safari和Chrome支持border-radius(圆角):-webkit-border-radius:10px;

Opera支持border-radius(圆角):border-radius:10px;

IE不支持border-radius(圆角)

代码:

 

读书人网 >CSS

热点推荐