Skip to content
Related Articles
Open in App
Not now

Related Articles

How to add a rounded border with CSS ?

Improve Article
Save Article
  • Last Updated : 23 Sep, 2020
Improve Article
Save Article

The purpose of this article is to add a rounded border to a HTML element by using the border-radius property in CSS. It is used to round the corner of an element. The property sets the border-radius for the element.


border-radius: 1-4 length|% / 1-4 length|%|initial|inherit


<!DOCTYPE html>
        .GFG {
            border-radius: 75px 75px;
            background: blue;
            padding: 16px;
            text-align: center;
            width: 300px;
            height: 120px;
            How to add a rounded 
            border with css ?
        <div class="GFG">
                Rounded corners Borders


Supported Browsers:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari
My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!