美文网首页
boder-radius 属性&绘制太极

boder-radius 属性&绘制太极

作者: 小唱同学 | 来源:发表于2019-06-12 16:23 被阅读0次

boder-radius 为css3中新增,低版本ie不兼容

border-top-left-radius:左上角

border-top-right-radius:右上角

border-bottom-right-radius:右下角

border-bottom-left-radius:左下角

一个值:水平和垂直半径

两个值:水平半径  垂直半径

一个值:四个角的水平和垂直半径

两个值:左上右下  右上左下

三个值:左上   右上左下  右下

四个值:左上  右上  右下  左下(从左上角开始顺时针一圈)

八个值:

左上右上右下左下(水平半径)/左上 右上 右下 左下(垂直半径)

单位:px  %

椭圆:长方形,圆角写50%

eg:

太极 html css

相关文章

网友评论

      本文标题:boder-radius 属性&绘制太极

      本文链接:https://www.haomeiwen.com/subject/novlfctx.html