Mind blowing SEO improving and Google rank increasing Signature Rotator SEO Tool.

Thread: 

CSS Border Radius - How To ?

Ads
banner
banner
banner
destroyer Offline referral

Posts: 430
Joined: Jul 2013
Reputation: 3

#1
Senior Member
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?
marcus_avrelius Offline referral

Posts: 2,424
Joined: May 2013
Reputation: 102

#2
Support Team
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.
destroyer Offline referral

Posts: 430
Joined: Jul 2013
Reputation: 3

#3
Senior Member
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;
marcus_avrelius Offline referral

Posts: 2,424
Joined: May 2013
Reputation: 102

#4
Support Team
Yes, that is correct
maya Offline referral

Posts: 1,058
Joined: May 2013
Reputation: 34

#5
Posting Freak
Try this one, it will only be applied to top left corner!

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





User(s) browsing this thread: 1 Guest(s)