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

浏览：47日期：2022-06-16

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

问题解答

回答1：

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

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

前端 - 什么是border-radius的水平半径和垂直半径？图片来自： http://www.w3.org/TR/2014/CR-css3-background-20140909/#the-border-radius

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

然后这个图稍微会有点绕，不过可以解释你的问题：前端 - 什么是border-radius的水平半径和垂直半径？

图片还是来自w3官网……

回答2：

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

回答3：

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

上一条：jquery - 前端怎么实现不依赖滚动条，拖页面就实现滚动效果？下一条：前端 - display：box下的浮动元素为什么会消失？

相关文章：
1. return false a标签为什么还跳转？2. JQ设置问题，p标签加上一个链接后出现新问题，代码如下3. javascript - <input type="file">文件正在上传时需要有弹出框提示正在上传，上传完后弹出框消失，这个该如何写呢？4. <tr valign="top"> 看不懂5. solaris基础和常用知识 (2)6. MySQL"="自动 like7. node.js mysql Cannot find module "net" 和 "tls"和"fs" 的问题8. javascript - <div onclick="fun()"></div>这种fun函数只有写成全局函数才有效吗？9. 使用jQuery怎么获取和删除cookie的值？10. rgb(255, 0, 0)不是红颜色吗，有三个p标签不同背景色的，为什么只返回第一个红色的？