JavaScript

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
Get Started

You need to be a premium member to use this feature. To access it, you'll have to upgrade your membership.

Become a sharper developer and jumpstart your career.

Basic

$0

$

. 00

monthly

For Basic members:

  • Standard Profile
  • Access learning courses
  • Access free e-books
  • 1x point
Premium

$20

$

. 00

monthly

For Premium members:

  • Earn 2x reward points
  • Premium profile with Verified check
  • Premium Avatar with status update
  • Learning courses
  • Unlimited Certifications and badges on profile
  • Unlimited Book downloads
  • Access to Premium content
  • Online Training
  • Unlimited PDF conversions and downloads
  • Professional Resume Writing
  • Interview Preparations Guide
  • 25 messages per month
  • 1 "Kodzu" avatar, basic
Elite

$45

$

. 00

monthly

For Elite members:

  • Bundle E-books
  • Access to all Learn Series
  • Unlimited Apply Jobs