CSS的border-radius设置圆弧
现象:
div border属性将div变为有⼀定幅度的圆形、椭圆形等
⽅法:
使⽤css的border-radius 属性进⾏设置
CSS3 border-radius 属性:向 div 元素添加圆⾓边框:
⼀:⾸先建⽴⼀个div
⼆:给div设置圆⾓边框的弧度
三:给div设置弧度为50%的时候 正⽅形就会变为圆形
四:如果给长⽅形设置50%的弧度 就会得到椭圆形
五:如果需要得到中间保持长⽅形的直线 两边设置为圆弧呢? 就使⽤像素px进⾏设置 ⽽不是百分⽐设置
六:⼀次性标识所有⾓度进⾏不⼀样的设置
七:也可以分别对不同⾓度进⾏设置
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论