Rounded Corners in CSS3

Here we take an example by which we can understand that 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; /* For Firefox */
-webkit-border-radius:28px; /* For Safari and Google Chrome */
}
</style>
</head>
<body>

<div>My name is mahak gupta.</div>

</body>
</html>

11.png
Ebook Download
View all
Learn
View all