1. home
  2. Tutorials
  3. Tutorial
Edit

Border Radius

The border-radius property is used to create the rounded shape of the border corners of an element.

Example of Code

<!DOCTYPE html>
<html>
<head>
    <title>Example</title>
    <style type="text/css">
        .Rounded-corners {
            padding: 20px;
            border: 1px solid orange;
            border-radius: 8px;
        }
    </style>
</head>
<body>
    <div class="Rounded-corners">
         Rounded corners.
    </div>
</body>
</html>

Ouptut

    Example       
         Rounded corners.