CSS Codes to Round Corners { ALL OF THEM }

Need to round some corners? Great, because here we have assembled all of the corner shapes you will need, as well as a bonus:

Bonus tool that can create any custom shape you want

Round corners are a modern design touch that can give an Apple type of feel to a website or design project. With the codes below, you can place round corners on elements styled with CSS.

Apple design influence round corners

Copy the code below into the CSS selector for the div element to be made round:

5PX INCREMENTS

5px Corners

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

10px Corners

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

15px Corners

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

20px Corners

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

25px Corners

-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;

30px Corners

-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;

35px Corners

-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;

40px Corners

-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;

45px Corners

-webkit-border-radius: 45px;
-moz-border-radius: 45px;
border-radius: 45px;

50px Corners

-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;

55px Corners

-webkit-border-radius: 55px;
-moz-border-radius: 55px;
border-radius: 55px;

60px Corners

-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;

65px Corners

-webkit-border-radius: 65px;
-moz-border-radius: 65px;
border-radius: 65px;

70px Corners

-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;

75px Corners

-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;

80px Corners

-webkit-border-radius: 80px;
-moz-border-radius: 80px;
border-radius: 80px;

How are you using round corners in your design? Fill out a comment below:

Jophiel Silvestrone

Written by: Jophiel Silvestrone

Jophiel Silvestrone has written 163 posts in the Tech Blog.

Jophiel grew up on a ranch in Paradise Valley, Montana near Chico Hot Springs. Working on the ranch instilled work ethic and self motivation. Filled with this drive, Jophiel started mowing the local school's yards twice a month throughout the summers, at the age of 12. He moved to Billings in 2004, where he has been deeply involved in the local business community ever since. A serial entrepreneur, Jophiel has ran multiple businesses in our local community. He now runs a web development company SkyPoint Studios. One of his favorite jobs though, is fathering his 11-year old son Jaoquin. "JJ" also loves technology.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.