Try it Editor: Border-top-left-radius

Edit This Code :

<!DOCTYPE html>
<html>
<head>
<style> 
#example1 {
    border: 2px solid red;
    padding: 10px;
    border-top-left-radius: 25px;
}

#example2 {
    border: 2px solid red;
    padding: 10px;
    border-top-left-radius: 50px 20px;
}
</style>
</head>
<body>

<h2>border-top-left-radius: 25px:</h2>
<div id="example1">
<p>The border-top-left-radius property defines the radius of the top-left corner.</p>
</div>

<h2>border-top-left-radius: 50px 20px:</h2>
<div id="example2">
<p>If two values are set; the first one is for the top border, the second one for the left border.</p>
</div>

</body>
</html>
Result :