Run Example

Edit This Code:
<!DOCTYPE html>
<html>
<head>
<style> 
#round_corner1 {
background-color: lightgreen;
border-radius: 25px;
width: 150px;
height: 100px;
padding: 20px;
}
#round_corner2 {
background-color: lightblue;
border: 3px solid;
border-radius: 25px;
width: 150px;
height: 100px;
padding: 20px;
}
</style>
</head>
<body>

<h1>The border-radius Property</h1>

<p id="round_corner1">Rounded corners with a background color</p>
<p id="round_corner2">Rounded corners with a border</p>

</body>
</html>
Result: