Home » Resources » CSS » Create CSS/HTML and Images for Rounded Corners Easily

Create CSS/HTML and Images for Rounded Corners Easily

advertisement

Share This

Many websites and blogs use divisions or blocks with rounded corners these days and needless to say they are pretty good too. Ever wondered how to create rounded cornered divisions in your blog or website? We already have an article about creating rounded corners using CSS. But I would like to introduce to you all a smart website which is dedicated for rounded corners. This is just around the corner as well.

All right, here is the main thing of this article. Guys from RoundedCornr are there to help you to create rounded cornered divisions or sections for your blog or site.

Create divisions or sections with rounded cornersThis website offers you pretty simple ways to create divisions or sections with rounded corners. All you need is to specify the corner radius in pixels, the background color, and the color of the box. Click the button and you can see the preview how the box will look like. They also generate 4 images for four corners to be downloaded.

The best part is they will tell give you the CSS & HTML codes to create the rounded corners. This is the highlight of this service as the process is simple and is understandable by even a layman. Only thing you need to take care of is to specify the background color as same as the background color of the page where you want to place these sections with rounded corners.

create rounded corners with gradientsYou can also create rounded corners with simple gradients through this site. This generates code for a box with rounded corners and a color gradient, just like the box surrounding this section. ‘Gradient height’ determines the distance to make a complete transition from the top color to the bottom color. You can specify any gradient angle between 0 (vertical) and 90 (horizontal) degrees.

When you are at this site, don’t forget to checkout the Rounded Corner with Border and Single Rounded Corner services. If you want to make some good buttons with rounded corners use the Single Rounded Corner Image service. You can create a single GIF image of a box with rounded corners, border, gradient, and/or text. You can use this image as background for your buttons, tabs, text box, etc.

If you are not at all interested in creating rounded cornered boxes/sections/divisions with images, then your should check out here to know how to create rounded cornered divisions with just CSS.


About The Author

Working as a Software Developer for the last 10+ years, posting about whatever I find useful and interesting... This is all fun...

Number of Entries : 170

Leave a Comment


+ 5 = eleven

© 2012 - www.techflaps.com | Powered By Wordpress

Scroll to top