CSS Border Radius - How To ?

When I use border-radius: 5px; it affects top, bottom, left, right corners but only want make top corners round how can I do that?

Find

Reply

Try this one!

Code:

border-radius: 5px 5px 0 0;

The order of these values is clockwise - top left, top right, bottom right, bottom left.

Find

Reply

Thanks Marcus for your help. So if I am correct this code will only apply radius to the bottom corners?

Code:

border-radius: 0 0 5px 5px;

Find

Reply

Yes, that is correct

Find

Reply

Try this one, it will only be applied to top left corner!

Code:

.something
{
border: 1px solid;
border-top-left-radius: 5px;
}

Find

Reply