<p>Bốn giá trị: border-radius: 15px 50px 30px 5px:</p>
<p id="test1"></p>

<p>Ba giá trị: border-radius: 15px 50px 30px:</p>
<p id="test2"></p>

<p>Hai giá trị: border-radius: 15px 50px:</p>
<p id="test3"></p>

<p>Một giá trị: border-radius: 15px:</p>
<p id="test4"></p>
#test1 {
  border-radius: 15px 50px 30px 5px;
  background: #8598cc;
  padding: 20px; 
  width: 200px;
  height: 150px; 
}

#test2 {
  border-radius: 15px 50px 30px;
  background: #8598cc;
  padding: 20px; 
  width: 200px;
  height: 150px; 
}

#test3 {
  border-radius: 15px 50px;
  background: #8598cc;
  padding: 20px; 
  width: 200px;
  height: 150px; 
} 

#test4 {
  border-radius: 15px;
  background: #8598cc;
  padding: 20px; 
  width: 200px;
  height: 150px; 
} 

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.