RSS

[css][tip] round corner of html element

27 Jan

Following is the css code for curving the html element corner:

.round-corner{
-webkit-border-radius: 15px;

-moz-border-radius: 15px;

border-radius: 15px;

}

It works in all commonly used browsers.

Enjoy CSS šŸ™‚

Advertisements
 
2 Comments

Posted by on January 27, 2012 in css

 

Tags: , , , ,

2 responses to “[css][tip] round corner of html element

  1. Mohammad mamoon

    February 11, 2012 at 5:44 pm

    .round-corner{
    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    }

    Please check this in ie 8 and 9.

     

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: