Rounded Corners in CSS3

Rounded Corners in CSS3.rar

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>

Up Next

Round Corner Button in CSS

Ebook Download

View all

Read by 3.8k people

Download Now!

Learn

View all