One more text in “CSS only” series. This time I present you CSS rounded corners without javascript and without images. You can create rounded corners in few ways, but almost they are all using images or javascript. I don’t have anything against images or javascript, I just wanted to show you that you can do “wonders” with CSS only.

I have created two versions of rounded corners, with and without borders:

Idea behind this project is very simple: create 4 lines that will “emulate” our rounded corners. You can see how it looks on this magnified corner image: