<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
div{
border: 2px solid black;
min-height:50px;
padding-top:10px;
text-align: center;
}
#point{
border-top-left-radius: 25px;
}
#point1{
border-top-left-radius: 50px 15px;
}
</style>
</head>
<body>
<h1>CSS border-top-left-radius Property</h1>
<h2>border-top-left-radius: 25px;</h2>
<div id="point">
border-top-left-radius: 25px;
</div>
<h2>border-top-left-radius: 25px 5px;</h2>
<div id="point1">
If two values are given, then the first one is for the top border, the second one for the left border.
</div>
</body>
</html>