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.
- <html>
- <head>
- <style type="text/css">
- div
- {
- border:3px solid #800000;
- background:pink;
- padding:20px 50px;
- width:300px;
- border-radius:28px;
- -moz-border-radius:28px;
- -webkit-border-radius:28px;
- }
- </style>
- </head>
- <body>
- <div>My name is mahak gupta.</div>
- </body>
- </html>