网站首页 网站建设 公司动态 行业新闻 案例展示 关于我们

文章内容

border-radius(圆角)-css3演示

日期:2013-11-26  来源:攀枝花惠康网络公司

border-radius(圆角)的几点声名:
  • border-radius:长度
  • Firefox撑持border-radius(圆角):-moz-border-radius:2px;
  • webkit内核的Safari和Chrome撑持border-radius(圆角):-webkit-border-radius:2px;
  • Opera撑持border-radius(圆角):border-radius:2px;
  • IE不撑持border-radius(圆角)

-moz-border-radius-topleft / -webkit-border-top-left-radius / border-top-left-radius

我们还可以随意指定圆角的位置,左上、左下、右上、右下四个标的目的。在firefox、webkit内核的Safari和Chrome和opera(css3)、中的具体书写名目如下:
-moz-border-radius-topright / -webkit-border-top-right-radius / border-top-right-radius
http://dancewithnet.com/2008/12/27/border-radius-and-rounded-corner/


-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius / border-bottom-left-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius /border-bottom-right-radius

border-radius(圆角)还有其他一些用法,Firefox、webkit内核的Safari和Chrome和opera(css3)其他写法有些略微的差异,具体可以查看以下网址:https://developer.mozilla.org/en/CSS:-moz-border-radius
http://www.the-art-of-web.com/css/border-radius/

??演示地址:http://www.css88.com/tool/css3Preview/Border-Radius.html

文章来源:攀枝花惠康网络公司

惠康网络,是一家专业从事攀枝花网站建设,攀枝花网站制作,攀枝花网站设计公司,提供网站建设一条龙服务(网站域名注册+网站服务器租用+网站开发+网站维护+网站营销推广),惠康网络立足攀枝花,辐射全中国,攀枝花惠康网络的客户已经遍布国内各地大中小城市,我们高效优质的网站建设服务深受用户好评。

客服热线:tel(谢先生)  客服QQ:1323605005  
服务邮箱:yewubu@huikon.com(售前咨询)  jishubu@huikon.com(技术部)  shouhou@huikon.com(售后服务)
公司地址:四川省攀枝花市
邮编:617200