CSS border-bottom-left-radius property

Use the border-bottom-left-radius property to set the border of the bottom left corner. You can try to run the following code to implement the border-bottom-left-radius property ?

Example

<html>
  <head>
   <style>
     #rcorner {
       border-radius: 25px;
       border-bottom-left-radius: 45px;
       background: blue;
       padding: 20px;
       width: 200px;
       height: 150px;
     }
   </style>
  </head>
  <body>
   <p id="rcorner">Rounded corners!</p>
  </body>
</html>
Updated on: 2020-03-16T07:45:09+05:30

70 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements