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

Question

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

Answer 1

這個跟數學沒關係，簡單來說，你這張圖的前面是幾個值還是好理解的，因為都已經寫了。

border-bottom-left-radius
bottom-left 左下角哦，然後有兩個數值，這裡的話，簡單理解就是把這個角分成兩個部分來取值了。

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

具體的也可以在這裡看看，如果不懂英文，沒關係，直接看圖…

然後這張圖稍微會有點繞，不過可以解釋你的問題：

圖片還是來自w3官網…

Answer 2

這個前段時間剛剛看到過，個人感覺張鑫旭博客裡的解釋非常到位。
http://www.zhangxinxu.com/wordpress/2015/11/css3-border-radius-tips/

Answer 3

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