<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.