横向的半圆半天没理解过来啊，为什么border-radius:100px 100px 0...-慕课网

横向的半圆半天没理解过来啊，为什么border-radius:100px 100px 0 0;还是错误呢？

大圆

2014-04-18

源自：十天精通CSS3 2-1

关注问题我要回答

1138

操作

收起

2 回答

夏rain天
2014-07-23

border-radius:50px 50px 0 0; 给一个原本是正方形的元素创建弧度，50%将会是最大值。水平角大于盒子宽度的一半，多的都会减缩到一半长度；垂直角大于盒子高度的一半，多的都会减缩到一半高度；（有四个垂直半径和四个水平半径）这是一个很简单的算法，因为它每个角可以看做是独立的，它不允许把两个不一般大小的半径结合用，这样会把四分之一圆变为四分之一的椭圆。