Blog

Rounded Corners in CSS3

Posted by Mahak Gupta in Blogs | ASP, JavaScript, CSS on Jan 07, 2012

Here we take an example by which we can understand that how we can use the border-radius property for rounded corners.

Here we take an example by which we can understand that how we can use the border-radius property for rounded corners.

<html>

<head>

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>

post comment

It does not work in IE 6,7,8. have you something for IE.....

Posted by Uma Shankar on Jan 09, 2012

More Blogs from this Blogger

Latest Blogs