Between the border-radius parameters in CSS3/

W3School learned this instance:

The border-radius attribute allows you to add rounded corners to an element.

 

As of noon today, my understanding of border-radius is as follows:

-webkit-border-radius:25px;
-moz-border-radius:25px;
border-radius:25px;

After trying to use it, the effect is correct. I think I have mastered border-radius... Obviously, I am wrong.

But in the course of learning, I made a big mistake: I don't know why.

 

In the afternoon, I saw an example using border-radius and explained how to use it.

Border-radius Syntax:

border-radius ： none | <length>{1,4} [/ <length>{1,4} ]? 

That is to say, the rounded corner is not necessarily a positive circle, but an ellipse.

 

I tried this Code:

Untitled border-radius

The result is not an elliptical angle, but a 1/4 circle of 10px on the left and lower right, and a 1/4 circle of 5px on the right and bottom. Why? I set two parameters.

Look at the syntax, sweat... Misunderstanding !!!

<Length> {1, 4} [/<length> {1, 4}]? There is/Between Two Parameters/

Try again

Untitled border-radius

This results in.

 

I have an introduction to border-radius on the script home website, which is very detailed. Http://www.jb51.net/css/68792.html