Journal

Rounded corners in CSS

  • Posted on: December 05, 2003
  • In: CSS
  • Comments closed

How many times have you heard “I’m sick of websites looking boxy”, no? Well, I get it almost every week. Once again ALA come up with the goods with a fantastic article of creating rounded corners using css and semantic markup.

What’s really interesting here is when the user’s font size is increased, the thing doesn’t break at all! I had to get up to about 300% of the original specified font size for the corners to start degrading. Thing is, it wasn’t the corners that degraded - it was the type within the div (breaking out of the div). Very nice.

Comments

Commenting is not available in this section entry.

Next entry: OSX 10.3 Review

Previous entry: Decorate your Mac!


A picture of Mark BoultonI'm a graphic designer from near Cardiff in the UK. I've been a designer for over ten years now and primarily work on the web. I'm still partial to a bit of print every now and then though. I used to work for Agency.com in London as an Art Director before working as a Senior Designer for the BBC in sunny Cardiff. This was all before I took leave of my senses and formed my own design consultancy, Mark Boulton Design Ltd.

I've got a thing about grids and typography and occasionally ramble on about them to anyone who will listen.

If you're after simple, clean and effective web design; let me know.