Royuen X Tech

Technology knowledge base, experiments & random thoughts

Create rounded corner in CSS without using images

April4

The most straight forward way to create rounded corner would be using images. You have to generate multiple rounded corner images and you also need to ensure if the images match the background colour. Besides you have to make sure that it wouldn’t break the website layout.

Instead we may use some tricks and purely do it in CSS, without using any image. Spiffy Corner already did a good job for us, you can select the foreground colour and background colour and generate your rounded box immediately.

[tags]css, rounded, corner[/tags]

posted under CSS

Email will not be published

Website example

Your Comment: