Home \ Forums \ Off Topic \

How to make square corners with CSS

2425 posts Customer Service Manager aka SuperDrew

Has been a member for 3-4 years
Repeatedly Helped protect Envato Marketplaces against copyright violations
Contributed a Tutorial to a Tuts+ Site
Contributed a Blog Post
Was featured in a podcast
Attended a Community Meetup
Interviewed on the Envato Notes blog
Envato Staff
Support Staff
Author had a Free File of the Month
Exclusive Author
Sold between 100 and 1 000 dollars
Bought between 50 and 99 items
United States
Referred between 10 and 49 users

CreatingDrew says

Hey Guys,

I know a lot of us often struggle with making square corners with CSS . The mathematics, geometry, and perfect right angles are enough to drive any developer mad. Luckily, I found a post teaching you how to make square corners with CSS . Please pay careful attention to step 7 or you might end up with different results Enjoy

Tutorial: http://www.drivl.com/posts/view/700

3 years ago

CreatingDrew is an Envato staff member

1266 posts Chris Robinson

Has been a member for 3-4 years
Repeatedly Helped protect Envato Marketplaces against copyright violations
Author had a File in an Envato Bundle
Interviewed on the Envato Notes blog
Author had a Free File of the Month
Item was Featured
Author was Featured
Exclusive Author
Sold between 100 000 and 250 000 dollars
Elite Author
Bought between 10 and 49 items
United States
Referred between 200 and 499 users

contempoinc says

its all so clear now…rofl

3 years ago

3624 posts

Has been a member for 3-4 years
Won a Competition
Repeatedly Helped protect Envato Marketplaces against copyright violations
Contributed a Tutorial to a Tuts+ Site
Contributed a Blog Post
Interviewed on the Envato Notes blog
Envato Staff
Reviewer
Community Moderator
Author had a Free File of the Month
Item was Featured
Beta Tester
Exclusive Author
Sold between 10 000 and 50 000 dollars
Bought between 50 and 99 items
Venezuela
Referred between 1 and 9 users

Ivor says

Great… But there’s no Live Demo… damn!

3 years ago

Ivor is a moderator

831 posts

Has been a member for 3-4 years
Won a Competition
Repeatedly Helped protect Envato Marketplaces against copyright violations
Contributed a Blog Post
Author had a File in an Envato Bundle
Envato Staff
Author had a Free File of the Month
Item was Featured
Author was Featured
Exclusive Author
Sold between 250 000 and 1 000 000 dollars
Elite Author
Bought between 100 and 499 items
United States
Referred between 500 and 999 users

epicera says

I’ve been looking for this tutorial for a while… thanks god for helpful tutorial blogs like this one

3 years ago

epicera is an Envato staff member

280 posts

Has been a member for 3-4 years
Interviewed on the Envato Notes blog
Item was Featured
Author was Featured
Exclusive Author
Sold between 250 000 and 1 000 000 dollars
Elite Author
Bought between 50 and 99 items
Referred between 100 and 199 users

imaginem says

Very enlightening and practical. Too bad it doesn’t work on IE6 with Google Toolbar.

3 years ago

2282 posts

Has been a member for 3-4 years
Repeatedly Helped protect Envato Marketplaces against copyright violations
Author had a Free File of the Month
Author was Featured
Exclusive Author
Sold between 10 000 and 50 000 dollars
Bought between 10 and 49 items
Europe
Referred between 50 and 99 users

CreativeMilk says

No demo….......

3 years ago

236 posts

Has been a member for 3-4 years
Item was Featured
Exclusive Author
Sold between 100 000 and 250 000 dollars
Elite Author
Bought between 1 and 9 items
United States

BuchmannDesign says

You can make square corners in CSS ?

Personally i’m getting real tired of the rounded corners trend. And with it being so easy to add for mozilla and webkit, it’s only going to get more popular.

It was refreshing at first, but now i’m preferring nice sharp corners again.

3 years ago