Try it Editor: Border-bottom-right-radius

Edit This Code :


<!DOCTYPE html>
<html>
<head>
<style> 
#example1 {
    border: 2px solid red;
    background: url(paper.gif);
    padding: 10px;
    border-bottom-right-radius: 40%;
}
</style>
</head>
<body>

<h2>border-bottom-right-radius: 40%:</h2>
<div id="example1">
<p>Here, the border-bottom-right-radius property is set to 40%. Also notice that the background is clipped at the border.</p>
</div>

</body>
</html>

Result :