Rounded Corner Generator With CSS

To create a rounded corner on the template, needed some changes to the css code. Rounded corner is very good if used on the sidebar title or the navigation menu. Make a rounded corner can be done with css editing manually, or you can visit a site that provides manufacturing facility rounded corner.

You can use the facilities of the http://roundedcornr.com, here you can make rounded corner with various models, ranging from the basic, with the gradient image, with a border, and making an image rounded corner.

I. Make a rounded corner by roundedcornr.com

II. Creating manually rounded corner

To create a rounded corner, you just insert -moz-border-radius and -webkit-border-radius. Inserts this code to be read by all browsers, but IE is not support with 2 code.

• -moz-border-radius for mozilla firefox & the other browser
• -webkit-border-radius for safari browser

Example :

.sidebar .widget { background:#FFF; border:1px solid #E6E6E6; margin:10px; padding:10px; -moz-border-radius:10px; -webkit-border-radius:10px }

10px : number of rounded corner, if you want to expand, you can replace it with a larger number.

Share / Save