CSS3 圆弧(border

摘要: -moz(比如 -moz-border-radius)用以Firefox-webkit(比如:-webkit-border-radius)用以Safari和Chrome。例1div id= round /div #round 实际效果:例2:无垠框div id= round /div #round 实际效果:撰写次序/* Gecko browsers ...

-moz(比如 -moz-border-radius)用以Firefox

-webkit(比如:-webkit-border-radius)用以Safari和Chrome。

例1

div id= round /div #round

实际效果:
CSS圆角

例2:无垠框

div id= round /div   #round

实际效果:
CSS圆角

撰写次序

/* Gecko browsers */ -moz-border-radius: 5px; /* Webkit browsers */ -webkit-border-radius: 5px; /* W3C syntax - likely to be standard so use for future proofing */ border-radius:10px;

其他

适用上、右、下、左

border-radius:5px 15px 20px 25px;

适用分拆撰写

/* Gecko browsers */ -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 20px; /* Webkit browsers */ -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 20px; /* W3C syntax */ border-top-left-radius: 20px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius:  20px;

Firefox(2、3+) Google Chrome(1.0.154+…) Google Chrome(2.0.156+…) Safari(3.2.1+ windows) Explorer(IE7, IE8) Opera 9.6 实际操作手册-首页 实例展现


(当有些人让你留言板留言回应之时,联络电子邮箱能够立即通告你)
大家提议你填好恰当的电子邮箱详细地址,假如你以前填好电子邮箱详细地址是不正确的能够根据 【改动材料】 来再次设定


联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:微信预约小程序