Rounded Corners in CSS3

Rounded Corners in CSS3

 
Here we take an example by which we can understand how we can use the border-radius property for rounded corners.
  1. <html>  
  2.    <head>  
  3.       <style type="text/css">   
  4.          div  
  5.          {  
  6.                border:3px solid #800000;  
  7.                background:pink;  
  8.                padding:20px 50px;  
  9.                width:300px;  
  10.                border-radius:28px;  
  11.                -moz-border-radius:28px; /* For Firefox */  
  12.               -webkit-border-radius:28px; /* For Safari and Google Chrome */  
  13.          }  
  14.       </style>  
  15.    </head>  
  16.    <body>  
  17.       <div>My name is mahak gupta.</div>  
  18.    </body>  
  19. </html> 
11.png
Next Recommended Reading Round Corner Button in CSS