Rounded Corners
April 8, 2009
Leave a Comment
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.
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.