Rounded Corners

Rounded corners used to be the stuff of constricting solid background images or, for flexible boxes, numerous background images, one per-corner, slapped on multiple nested div elements. Argh, ugly. Well, not any longer. Now, with simple CSS, you can lavish your designs with more curves than Marilyn Monroe.

Border radius?

Yeah. Border radius. Fear not, though - you don’t have to have borders. The border-radius property can be used to add a corner to each corner of a box.

#marilyn {background: #fc0;padding: 20px;border-radius: 10px;}

And you get something like this. Rounded corners, see? If you’ve got a sensible browser (see note below).

Multiple values

border-top-left-radius, border-top-right-radius, border-bottom-right-radius, and border-bottom-left-radius can also be used to target specific corners.

Ever so slightly less horribly wordy, you can also define all corner radii (what a great word) individually with a space-separated list of values, working clockwise from top-left, just like other shorthand properties:

By using two values instead of four you target top-left and bottom-right with the first length (or percentage) and top-right + bottom-left with the second. Three values? Top-left, then top-right + bottom-left, then bottom-right. Smashing.

Gah! There just had to be browser issues, didn’t there? Damn you, browsers.

Internet Explorer versions 8 and below don’t support border-radius. The only way you can deal with this is either to make do with a design in those browsers that doesn’t have rounded corners (most people can live with that), or revert to the old background images.

You might also stumble across similar proprietary properties, such as -webkit-border-radius and -moz-border-radius which are for older, barely-used versions of Safari and Firefox respectively. Our carefully worded professional advice? Screw ‘em.

Ellipses

Are circles a bit too square for you? You can specify different horizontal and vertical radiiii by splitting values with a “/”.

We try our utmost best to provide our clients with unique and customize development & design. We create responsive design by HTML & CSS3. Our created web sites are of customize CMS which allows any user or admin to administrate it with comfort..

We are having feedback from our customers which inspire us to create android apps of multi leveled versions. Since clients’ positive responses we are trying to offer the best android apps to the market.

Since our inception of our company we try to give our best for the clients and for their satisfaction and clients also give us positive responses which inspire us to arrange new events for those who are interested in IT sectors.

We try our utmost best to provide our clients with unique and customize development & design. We create responsive design by HTML & CSS3. Our created web sites are of customize CMS which allows any user or admin to administrate it with comfort.

We are having feedback from our customers which inspire us to create android apps of multi leveled versions. Since clients’ positive responses we are trying to offer the best android apps to the market.

Since our inception of our company we try to give our best for the clients and for their satisfaction and clients also give us positive responses which inspire us to arrange new events for those who are interested in IT sectors.