Create rounded corners for boxes on a CSS website

Create rounded corners for boxes on a CSS website

Here are five different techniques you can use to create rounded corners for boxes on a website. There are always different ways to do things with CSS and rounded corners is a great example of that. Each of these five techniques has advantages and disadvantages. Knowing all of them so you can choose the perfect one in each situation is the kind of thing that makes you the best CSS ninja you can be! So if you want to make cool Internet websites and be the best designer around, why not start here with this video tutorial?

Hosted by ign.com
Creator's Site: www.css-tricks.com
Curated By: tenebrism
Share
Playlist
Favorite
Grade
Flag

More create a website how to videos & articles

view all

Comments

+1
Sidekickboy 10 months ago
Loved your tutorial. I was able to make rounded corners in a open page. However when I tried to put it in my site (I use wordpress) I couldn't get it to work. I'm not sure I'm putting it in the right location. www.team-spectacular.com I tried to get the blue area to have the rounded corners. Do you know where I should put the script? Thanks.
New Comment Thread
Add your comment:
Add Comment

New Wonderment

view all

Holiday Cookies: Lab Mice, Chocolate Atoms & Gingerbread Scientists

In spirit of the recently posted brightly frosted cupcake periodic table, here are some equally clever, beautiful science-themed holiday cookies from Not So Humble.  The creative cooking blog ...

Deliverance Style Old Dude Creates Fully Automatic Crossbow

I have to say, this thing is pretty awesome. I find the smooth movement of the apparatus mesmerizing. However, I also have to say, the inventor totally gives me the creeps (no offense, old man). Known ...

Horsesurfing (Swear, No Photoshop Used!)

The Brits have contributed a new sport to the world, coined Horsesurfing. Yes, it is just what it sounds like: the combined skill of horseback riding and surfing. According to the Daily Mail ...

New Super Hybrid Kicks Tesla Motors' Butt

Capstone's CMT-380 stealth looking prototype can hit 150mph, compared to Tesla's 125. Tesla better step it up. Says Engadget: "Rather than mixing batteries and a conventional engine, this whip ...

Super Robot Has Powers of Levitation

This robot hasn't levitated any humans yet (especially not pictured Days of Our Lives star Deidre Hall), but it looks like the sky may be the limit with the Robo-Air Jet System. Developed by Aaron ...

loading...