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