The Demo


Do you like the buttons below?

Your Answer

About This Demo

This demo shows how you can use one image as the background for lots of buttons.

The 3 buttons above all use this one image:

CSS is used to set the background-position of each button to move the image around.

Why? Because using 1 image file instead of 3 means the page loads quicker!

Note: The buttons themselves are just normal INPUT elements. View Source to see the CSS used to make them look more button-like.