Rounded Corners

April 8, 2009 Leave a Comment

How to set-up Rounder Corners

I was stuck-up with my programming job when I reached the implementation of rounded corners for my new template design (Anaraar) . Some online rounded corner programs are too complicated to follow and required a lot of hours to scrutinize and sometimes it mess the entire design.

But with just one - three (1 -3) lines of code my problem was being solved. No other CSS needed for inclusion.

Here's the code:

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
behavior:url(border-radius.htc);}


Include this codes in the CSS part of your program; a field where you want to have a rounded corner. You can specify also like;


topleft


bottomright


topright


bottomleft

And the size (px) can be adjusted to make it smaller or bigger . Be sure that you're familiar of the outcome of your sizes.

Have it try and see for yourself.

Stumble
Delicious
Technorati
Facebook
Digg

0 comments »

Leave your response!

Add your comment below,or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.