How to make really sexy buttons with CSS

I've been using the How to make sexy buttons with CSS technique for easily adding good looking buttons to a web application and found I could Jazz them up a little by using the free icons from FamFamFam Silk.

Below are the old style buttons.

And next are the new buttons.

Basically all I'm doing is adding a relevant icon against the link and pushing the text a little more to the left.

The HTML Markup

The HTML markup is similar to oscars with the addition of an image tag pointing to a famfamfam icon.

The CSS Styling

This is directly copied over from Oscar's implementation with a couple of changes.

Posted on Wednesday, Sep 3, 2008