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 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:

Written by: Jophiel Silvestrone

Jophiel Silvestrone has written 270 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. The first business, a janitorial and carpet cleaning company, founded in 2005, has employed over 50 locals. Moving on to the media industry, Jophiel and several partners founded Green Directory Montana in the spring of 2007. Green Directory's sustainability ranking software awarded points based on sustainable or "green" actions. These points counted towards a business's total "Green Score," which in turn ranked them against other businesses in their category and throughout the entire site. It also featured a limited edition print version distributed annually. A business acquisition allowed Jophiel to focus on new projects, and a few close business colleagues and Jophiel started Rocky Mountain Mr. & Ms. Magazine, a lifestyle publication for men and women in the Magic City. After a year and a half at the helm of RM3 Magazine, the business was purchased. He now runs a web development company SkyPoint Studios and fathers his son Jaoquin, who plays football, basketball, soccer, and is learning snowboarding from his dad. Recently, has expanded to locations in Havasu, Arizona & Vegas. SkyPoint Studios is a market leader in both Billings & Havasu and Jophiel is working on building that same level of market dominance in Vegas. Specialties: Extensive experience in online and offline business. Especially savvy at WordPress, and operate several sites, one example is the blog: skypointwebdesignbillingsmontana.com/tech-blog. Check out skypointwebdesignbillingsmontana.com for the latest projects from SkyPoint Studios.

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.