首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

css3.0:border-radius 圆角框子

2012-10-26 
css3.0:border-radius 圆角边框在css3.0中,又添加了一个新的属性border-radius,使用border-radius这个属性

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

代码:

 

热点排行