Friday, October 07, 2005

Using CSS to create linked "buttons"

I thought this was an interesting tip that I received from Bravenet today:

If you want to take things a step further, you can style your anchor tag to have a width and a height and a background color. This will, in effect, make it look like a button. Add the following to the style tag in your "head" tag:

a {width: 90px; height: 25px; background-color: #fff0df; border: 1px solid #666666; text-align: center; padding-top: 4px;}

Usually, I simply insert a graphic to represent a button but this will create the same effect without going through the trouble of creating the graphic.

No comments: