Home » English

Pure CSS Rounded Corner

11 October 2008 803 views 3 Comments

Its been a long time I didn’t update this blog :-) . Actually I have another project in progress (Malayapark.com) and its really need lot of attention, especially on the design part, I need to learn css by myself, lucky me because uncle Google always there when I am in trouble.


How To?

Creating pure css rounded corner is really simple actually. You can see the example here http://malayapark.com/berita.

Add this line of code to your stylesheet

-moz-border-radius: 20px;

You can alter the radius value (20px)
This is what I have done to my Malayapark.com

#wrap {
margin: 0px auto;
width: 960px;
text-align: left;
background: #111;
border: 3px solid #FFCC00;
-moz-border-radius: 20px;
}

It works like a charm in Firefox, Opera and Safari but Not in Internet Explorer. Any Idea?