以前不太清楚为什么border-radius：50%就已经是最大了，以为
border-top-left-radius：50%/50%；
border-top-right-radius：50%/50%；
border-bottom-left-radius：50%/50%；
border-bottom-right-radius：50%/50%；
最大只能取到50%，现在看了css揭秘才知道不是这样
里面提到： “当任意两个相邻圆角的半径之和超过 border box 的尺寸时，用户
代理必须按比例减小各个边框半径所使用的值，直到它们不会相互重叠
为止。”
也就是说你只要相邻的两个圆角的半径之和不超过border-box的宽度或高度就行了，超过部分就有浏览器按比例来进行减小了，
即你可以设置border-top-left-radius：100%/50%；
border-bottom-left-radius：0/50%；