ホームページ  >  に質問  >  本文

前端 - 什么是border-radius的水平半径和垂直半径?

看了一些文章还是无法理解为什么一个角会有两个值,不知道是不是数学不好的原因,对垂直半径和水平半径无法理解?

黄舟黄舟2764日前687

全員に返信(3)返信します

  • 伊谢尔伦

    伊谢尔伦2017-04-17 11:30:30

    这个跟数学没关系,简单来说,你这张图的前面是几个值还是好理解的,因为都已经写了。

    border-bottom-left-radius
    bottom-left 左下角哦,然后有两个数值,这里的话,简单理解就是把这个角分成两个部分来取值了。


    图片来自: http://www.w3.org/TR/2014/CR-css3-background-20140909/#the-border-radius

    具体的也可以在这里看看,如果不懂英文,没关系,直接看图……

    然后这个图稍微会有点绕,不过可以解释你的问题:

    图片还是来自w3官网……

    返事
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-17 11:30:30

    这个前段时间刚刚看到过,个人感觉张鑫旭博客里的解释非常到位。
    http://www.zhangxinxu.com/wordpress/2015/11/css3-border-radius-tips/

    返事
    0
  • 高洛峰

    高洛峰2017-04-17 11:30:30

    http://www.zhangxinxu.com/stu...

    返事
    0
  • キャンセル返事