Image Image Image Image Image
Scroll to Top

To Top

User Experience

CSS Form Buttons

On 09, Feb 2007 | 2 Comments | In User Experience | By Ryan Feeley

There are the odd times when a web developer needs to make a link look like a button. I decided to have a go at it with CSS and I think I did a pretty good job. Even has the realistic “press” state (active).

Here is a non-interactive screenshot.

CSS Form Buttons

The buttons represent Add, Remove, Move Up, Move Down, and Hide.

View in action:

Download the source:


  1. Very high level website info — the map link is an outstanding tip.


  2. These are great Ryan, Thanks.

Submit a Comment